在 Angular 上链接异步任务

Question

目标

我正在做的是链接各种异步任务，这些任务依赖于先前任务的响应，以最终获得一个对象数组，这些对象包含要在$scope 中使用的所有响应。我正在使用Angular 和MongoDB。

逻辑

所以，我有多个 Url 使用 UserUrl 模型关联到特定的 User。每个Url 也使用GroupUrl 模型与Group 相关联。 客户端将看到Groups 的列表，但列表中的每个项目都显示UserUrl 的数据以及属于每个Group 的GroupUrl。

为此，我使用promises 和Broadcast Service。

首先我得到所有UserUrls:

allUrlByUser( $scope.user )
    .then( function(userUrls){
      angular.forEach( userUrls, function(userUrl){
          allUrlById(userUrl);
      });
    });

Foreach Userurl 我自己解决了Url：

allUrlById = function( userUrl )
  {
      return ajaxService
              .api( 'allUrlById',userUrl.url )
              .then( function( url )
              {
                var wrap = {
                  url : url[0],
                  userUrl: userUrl
                };
                /*
                Emit message passing a object response built 
                using previous and current async data.
                */
                Messenger.call(Messenger.allUrlById,
                  wrap);  
              });

发出消息的观察者是：

$scope.$on(Messenger.allUrlById, function(e,msg) {
    return allGroupUrlById(msg);
  });

而回调函数是：

allGroupUrlById = function( msg )
  {
      return ajaxService
              .api( 'allGroupUrlById', msg.response.url._id )
              .then( function( groupUrl )
              {
                var wrap = {
                  url : msg.response.url,
                  userUrl: msg.response.userUrl,
                  group : groupUrl[0].group
                };
                $scope.groups.push(wrap);
              });
  }

问题

考虑到我需要一个最终的包装对象数组，混合多个异步任务的数据：

• 这是一种适当/可接受的方式吗？
• 您认为这种技术是否足以处理大量查询？
• 有什么建议吗？

Answer 1

你不需要广播服务，承诺就足够了：

allUrlByUser( $scope.user ).then(function(userUrls){
    angular.forEach( userUrls, function(userUrl){
        allUrlById(userUrl).then(function(result) {
            allGroupUrlById(result);
        });
    });
});

allUrlById = function( userUrl ) {
    return ajaxService
          .api( 'allUrlById',userUrl.url )
          .then( function( url ) {
              return {
                  url : url[0],
                  userUrl: userUrl
              };
          });
}

allGroupUrlById = function(result) {
    return ajaxService
          .api( 'allGroupUrlById', result.url._id )
          .then( function( groupUrl ) {
              var wrap = {
                  url : result.url,
                  userUrl: result.userUrl,
                  group : groupUrl[0].group
              };
              $scope.groups.push(wrap);
          });
}