AngularJS {{myCount}}在模板视图中显示旧值

Question

我有一个简单的页面，如下所示。

问题在于，即使$ scope.objRef.count在我的指令中更新（例如，从7到8），模板也会在webview中显示旧值7。

当我切换到此状态/指令/模板时会发生这种情况：

这怎么可能？ （在州tab-page.tpl.html中）：

<ion-view view-title="{{objRef.count}}">
  <ion-content>
  </ion-content>
  <ba-tabs-page></ba-tabs-page>
</ion-view>

Answer 1

可能是原型继承，我不确定范围是如何连接的。无论如何，你可以使用$ watch

$scope.$watch('objRef.count', function(newValue, oldValue) {
  //update the DOM
});

如果在范围之外更新，您可以使用$ apply

$scope.$apply(objRef.count = ?);