在AngularJS视图中使用Promise

Question

Mark Dalgleish写了一篇关于如何在AngularJS视图中使用promises 的好文章.有些人在评论中询问了这个问题,但马克没有回答(尚).因为我问我同样的问题,我会在StackOverflow上询问以获得答案:

1. 如果在视图中使用promises,如何处理"加载"/"等待"指示,因为它们是异步的？承诺是否具有"已​​解决"或"内部请求"属性？

2. 我该如何处理错误？通常它们会出现在第二个回调中,但是如果我在视图中直接使用promise,我就不会处理这种情况.还有另外一种方法吗？

谢谢.

Answer 1

编辑:从角度v1.2开始,默认情况下不会激活视图中的承诺分辨率.

视图中的promises自动解决方案起初看起来像一个方便的工具,但它有许多需要仔细理解和评估的限制.这种方法最大的问题是AngularJS会为一个承诺添加回调,而我们几乎无法控制它.

回答你的问题:

1)如上所述,最终AngularJS将添加成功/错误回调,因此我们在这里没有太多控制权.你可以做的是将原始承诺包装成一个跟踪分辨率的自定义承诺.但这种方法可以解决保存少量键击的全部目的.不,没有"解决"之类的东西.简而言之 - 没有通用的机制可以跟踪适用于所有承诺的进展.如果您的承诺是$http基于的,您可以使用拦截器或pendingRequests财产来跟踪正在进行的请求.

2)你不能.再一次,AngularJS在$parse服务中添加了一个处理程序,它看起来像这样:( promise.then(function(val) { promise.$$v = val; });参见此处的代码).您可以看到只添加了成功回调,因此将无声地忽略所有失败.

这些不是视图中自动承诺解析的唯一限制.另一个问题是函数返回的promise将无法正确解析.例如,如果您要重写这样的示例:

myModule.controller('HelloCtrl', function($scope, HelloWorld) {

  $scope.messages = function() {
    return HelloWorld.getMessages();
  }
});

并尝试使用以下标记:

<li ng-repeat="message in messages()"></li>

事情会像预期的那样奏效,这可能会让人感到惊讶.

简而言之:虽然承诺的自动解决可能看起来像一个方便的捷径,但它有许多限制和非显而易见的行为.仔细评估这些并确定是否值得保存几次击键.