Angularjs - 看着一个承诺 - 变得未定义

Question

我知道模板可以绑定到承诺或真实值，并且当该值更改时，模板会更新。

我想在指令中做一些类似的事情，我观察一个承诺的变化，并在该承诺更新时重新加载指令中的数据。

但是，当我看到一个承诺时，它似乎注册了更改，但随后立即设置为“未定义”。

见http://plnkr.co/edit/eOjkuvyrQvKhkAbVLGVG?p=preview

您可以看到模板更新没有问题，但是如果您检查控制台，“isNotAPromise”手表按预期工作，但“isAPromise”手表被触发两次，都是“未定义”。

有什么线索吗？

下面是让你开心的代码：

app.controller('MainCtrl', function($scope, $q) {
  var c;
  c = 1;
  setInterval(function() {
    c = c + 1;
    console.log('---------------');
    console.log(['c changed to ', c]);
    return $scope.$apply(function() {
      $scope.isNotAPromise = c;
      return $scope.isAPromise = $q.when(c);
    });
  }, 1000);
  $scope.$watch('isAPromise', function(newVal, oldVal) {
    return console.log(['isAPromise changed', oldVal, newVal]);
  });
  return $scope.$watch('isNotAPromise', function(newVal, oldVal) {
    return console.log(['isNotAPromise changed', oldVal, newVal]);
  });
});

谢谢， 罗伊

Answer 1

我添加了一个时间戳来确定两个手表何时触发：

console.log [+new Date(), 'isAPromise changed', oldVal, newVal]

样本输出：

["c changed to ", 3] app.js:12
[1366223960472, "isAPromise changed", 2, undefined] app.js:19
["isNotAPromise changed", 2, 3] app.js:22
[1366223960473, "isAPromise changed", undefined, 3] 

因此，isAPromise 上的两个手表间隔 1 毫秒。我猜会发生什么，当$q.when(c) 第一次分配给$scope.isAPromise 时，它是undefined，因为promise 还没有解决。然后 promise 被解析（可能在下一个 $digest 循环期间），然后isAPromise 被设置为（resolved？）promise 的值。