在另一个 AngularJS 之后执行函数

Execute function after another AngularJS

本文关键字：执行 函数 之后 AngularJS 另一个      更新时间：2023-09-26

>我需要执行一个函数，该函数在提供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;
});

你的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 的承诺。您可以将其保存在变量中以便在其他地方使用，也可以使用它来触发获取项目。

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

编辑：您的登录代码已返回承诺，而不是会话 ID。 then内部return只是会返回一个新的承诺，该承诺解析为您返回的值。

有几种方法可以链接多个$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; });

模板需要使用"控制器即某物"语法声明控制器：

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

您是否尝试过嵌套第二个函数，如下所示？ 没有构造函数调用？

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

Mb 你的范围是错误的 

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

你可以像这样尝试一些：

var vm=this;
loginService.getSessionID().then(function(sessionID){
  vm.constructor();
});
相关文章：