解决 q.All() 问题

Question

我正在尝试使用 ui-router

解决如下方法

$stateProvider
        .state('abc', {
            url: 'xyz',
            templateUrl: 'templateURL',
            controller: ctrl,
            resolve:{
                data: function(someService){
                    data = someService.init();
                    return data;
                }
            }
        })

我的服务代码是这样的

var someObject = {
  data1: ...,
  data2: ....,
  ...
}
return{
   init: function(){
   promise1 = ...
   promise2 = ...
   promise3 = $http.get('someurl').then(function(){
   ...
   ...
   //do some manipulation with someObj
   return someObject;
   });
   $q.all(promise1 , promise2 ).then(promise3);
   }
}

当我调试代码时，它到达第 return someObject 行，但随后没有解析。

我做错了什么？

Answer 1

您必须将回调函数传递给 .then(…)。你的 promise3 是 none.

我怀疑你想做

return $q.all([promise1, promise2, promise3])

Answer 2

如果您希望 promise3 仅在 promise1 和 promise2 之后执行，请尝试

return $q.all([promise1, promise2])
    .then(function(arrayOfData) {
        return promise3;
    });

这里有一个例子来说明区别：

    var promise1 = $timeout(function() {
        return 'promise1Data';
    }, 1000); 
    var promise2 = $timeout(function() {
        return 'promise2Data';
    }, 2000);
    var promise3 = $timeout(function() {
        return 'promise3Data';
    }, 5000);

    // This is what you're essentially doing when your route resolves
    $q.all([promise1, promise2])
        .then(promise3)
        .then(function(data) {
            console.log(data); // You get ["promise1Data", "promise2Data"]
        });

    // This is what I think you want
    $q.all([promise1, promise2])
        .then(function(arrayOfResolvedData) {
            return promise3;
        })
        .then(function(data) {
            console.log(data); // You get promise3Data
        });

解决 q.All() 问题

Resolve and q.All() issue

angularjs

angular-ui-router

angular-promise