代码之家 › 专栏 › 技术社区 › playerone

从控制器向异步服务方法传递参数

angularjs-service angularjs

playerone · 技术社区 · 9 年前

我是angularjs的新手,所以我很难从控制器向服务方法传递参数。

我的控制器如下所示:

userControllers.controller('StartController', function(startService,$scope) {
    var server='http://localhost:8080/terminal/1';
    // Call the async method and then do stuff with what is returned inside our own then function
    startService.async().then(function(d) {
        $scope.message = d;
    });
});

服务方式:

myService.factory('startService', function($http) {
    var startService = {
        async: function () {
            // $http returns a promise, which has a then function, which also returns a promise
            var promise = $http.get('http://localhost:8080/terminal/1').then(function (response) {
                // The then function here is an opportunity to modify the response
                console.log(response.headers('link'));

                // The return value gets picked up by the then in the controller.
                return response;
            });
            // Return the promise to the controller
            return promise;
        }
    };
    return startService;
});

这段代码运行良好。现在我想从控制器传递变量“server”,以便在服务中使用,而不是链接。你知道怎么做吗?如何在服务函数调用中使用多个变量?

1 回复 | 直到 9 年前

Ganesh Karamala 9 年前

更新的代码介于**之间**

 userControllers.controller('StartController', function(startService,$scope) {
        var server='http://localhost:8080/terminal/1';
        // Call the async method and then do stuff with what is returned inside our own then function
        **startService.async(server).then(function(d) {**
            $scope.message = d;
        });
    });



myService.factory('startService', function($http) {
    var startService = {
        async: **function (server) {**
            // $http returns a promise, which has a then function, which also returns a promise
            var promise = **$http.get(server)**.then(function (response) {
                // The then function here is an opportunity to modify the response
                console.log(response.headers('link'));

                // The return value gets picked up by the then in the controller.
                return response;
            });
            // Return the promise to the controller
            return promise;
        }
    };
    return startService;
});

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前