如何使用$ q从angularJS中的$ broastcast获得承诺

Question

现在，我的控制器代码如下所示：

$scope.spAPI.load(id).then(function(result){
  var deferred = $q.defer();
  if(result !== undefined){
    deferred.resolve($rootScope.$broadcast("onSpLoaded", result));
  }
  return deferred.promise;
}).then(function(success){

      $scope.modalInstance = $modal.open({ ... });


});

我希望在处理广播后打开模式实例。 有没有办法做到这一点？

更新：我一直在向后思考这个问题。 无论如何，我本来打算在模态实例之后进行广播。

PS：虽然我确实对modalinstance.opened回调有问题，但是我不得不设法解决它。 我仍在努力正确使用$ q，我的代码变得越来越混乱。

Answer 1

您的控制器代码看起来不错，它应该可以按预期工作，只是在您的第一个then()不需要延迟的对象：

$scope.spAPI.load(id).then(function(result){

  if(result !== undefined){
    $rootScope.$broadcast("onSpLoaded", result);
  }

}).then(function(success){

  $scope.modalInstance = $modal.open({ ... });


});

原因是因为$broadcast()是同步操作，当$broadcast()返回时，所有事件处理程序都将被调用； 并且第二个then()的函数仅在第一个then()的函数返回之后才被调用，因此$modal.open()将在所有事件处理程序之后被调用。

DEMO

更新：

您知道$scope.modalInstance.opened是一个承诺，将在显示模态时解决，因此您可以尝试以下操作来实现所需的功能：

$scope.spAPI.load(id).then(function(result){
    $scope.modalInstance = $modal.open({ ... });

    $scope.modalInstance.opened.then(function() {
        $rootScope.$broadcast("onSpLoaded", result));
    });
});