另一个AngularJS执行功能

时间:2016-02-11 14:21:56

标签: javascript angularjs

我需要执行一个函数,该函数在提供sessionId的一种登录函数之后获取数据。这个sessionId对于第二个函数是必需的。

app.controller('TestController', 
 function ($scope, dbObjectsDAO, loginService){    

    var sessionID = loginService.getSessionID(); //Login function

    var self = this;

    this.items = [];

    this.constructor = function() {
        dbObjectsDAO.getAll(sessionID).then(function(arrObjItems){
            $scope.items = arrObjItems;
        });
    };

    this.constructor(); //get the data

    return this;

});

我尝试了几种变体,如:

loginService.getSessionID().then(function(sessionID){
  this.constructor();  //also with just constructor();
});

但我总是收到错误(在上面的案例中:Illegal constructor) 那么我怎样才能设法执行一个又一个的功能呢?也许回调结构会有所帮助,但我不知道如何实现它。

修改
以下是登录的代码:

app.service('loginService', function($http, $q) {


    this.getSessionID = function()
    {
        return $http({
            method: "GET",
            url: "http://localhost:8080/someRequestDoneHere"
        }).then(function(response)
        {
            return response.data.sessionId; // for example rYBmh53xbVIo0yE1qdtAwg
        });
    };

    return this;

});

3 个答案:

答案 0 :(得分:5)

您的getSessionID()函数是否会返回承诺?如果是这样,你想要这样的代码:

app.controller('TestController', 
 function ($scope, dbObjectsDAO, loginService){    

    var sessionID;
    var vm = this;
    vm.items = [];

    loginService.getSessionID()
    .then(function(sid) {
        sessionID = sid;
        return dbObjectsDAO.getAll(sessionID);
    })
    .then(function(arrObjItems){
        vm.items = arrObjItems;
    });
 });

因此,您的登录服务会返回一个解析为会话ID的promise。您可以将其保存在变量中以供在其他地方使用,也可以使用它来触发获取项目。

我还将您的self更改为vm,因为该命名是一个Angular约定,并将这些项目存储在vm.items中,而不是直接存储在范围内。

修改 您的登录代码已经返回了承诺,而不是会话ID。 return内的then只会返回一个新的承诺,该承诺会解析为您要返回的值。

有多种方法可以链接多个$http请求。如果它们彼此独立,则只需触发一堆请求,并使用$q.all来处理所有请求。

var promise1 = $http(something)
.then(function(response) { vm.data1 = response.data; return vm.data1; });
var promise2 = $http(something)
.then(function(response) { vm.data2 = response.data; return vm.data2; });

$q.all([promise1, promise2], function(values) {
    // here can safely use vm.data1 or values[0] as equivalent
    // and vm.data2 or values[1].
});

如果一个请求取决于另一个请求的结果,您甚至可以这样做:

var promise1 = $http(something)
.then(function(response) {
    vm.data1 = response.data;
    return { method:'GET', url: response.data.link}
 });
 var promise2 = promise1.then($http)
.then(function(response) { vm.data2 = response.data; return vm.data2; });

您的模板需要使用'controller as something'语法来声明控制器:

<div ng-controller="TestController as test" ng-bind="test.items"></div>

答案 1 :(得分:4)

您是否尝试过嵌套第二个函数,就像这样?没有构造函数调用?

loginService.getSessionID().then(function(sessionID){
    dbObjectsDAO.getAll(sessionID).then(function(arrObjItems){
        $scope.items = arrObjItems;
    });
});

答案 2 :(得分:0)

Mb你的范围错误

..then(function(sessionID){...}) ?

你可以试试这样的:

var vm=this;
loginService.getSessionID().then(function(sessionID){
  vm.constructor();
});