javascript - angularjs在创建后将参数传递给模态

Question

        function MainController($modal){
            var modalOptions = {
                templateUrl: 'templates/mytmp.html',
                controller: 'myController',
                size: size,
                resolve: {
                    items: [1,2,3]
                }
            };

            $modal.open(modalOptions);
        }

我正在使用 angularjs 的默认模式并传递参数 [1,2,3]。

但是我想在我的 MainController 中调用三个 http 请求并将这些记录传递给模态。请求结果是异步的。我该怎么做？

function MainController($modal, $http){
   $http("getTwitterFriends").success(onTwitterSuccess);
   $http("getFacebookFriends").success(onFacebookSuccess);
   $http("getGmailPlusFriends").success(onGmailPlusSuccess);

   // I want to list of these records on Modal.
}

Answer 1

从工厂返回 promise 并链接异步调用以产生同步效果，获取记录，将其插入项目数组，然后请求下一条记录。重复这个。然后当检索到所有记录并推送到 modalOptions 时，打开模态。

  function MainController($modal){
                var modalOptions = {
                    templateUrl: 'templates/mytmp.html',
                    controller: 'myController',
                    size: size,
                    resolve: {
                        items: []
                    }
                };
                $http("getTwitterFriends").then(function(record1){ //get first record
                     modalOptions.resolve.items.push(record1);
                      $http("getFacebookFriends").then(function(record2){ //get second record
                          modalOptions.resolve.items.push(record2);
                          $http("getGmailPlusFriends").then(function(record3){ //get third record
                             modalOptions.resolve.items.push(record3);
                             $modal.open(modalOptions); //open modal
                          }
                      });

                });



            }