每个模型成员的每个范围的AngularJs监视功能

时间:2015-12-24 13:08:57

标签: angularjs

这是关于AngularJs使用$ watch的。

我有以下控制器功能。

 function MyController($scope) {
      $scope.foo1 = 1;
      $scope.bar1 = { mem1: 2 };
      $scope.bar2 = { mem2: "value2", mem3 = "value3"};
    }

以及我的观点如下

<html>
<body>
  <div> {{ foo1 }}</div>
  <div> {{ bar1.mem1 }}</div>
  <div> {{ bar2.mem2 }}</div>
</body>
</html>

您能否告诉我AngularJs将为上述控制器功能创建多少观察者。

提前致谢!

3 个答案:

答案 0 :(得分:2)

由于控制器代码没有创建观察者。观察者由$scope.$watch或指令(ng-clickng-changeng-bind等)创建。特别是在您的情况下,当呈现模板时,它是为每个角度表达式创建监视的模板 - 双大括号{{}}内的监视器。

答案 1 :(得分:1)

您可以安装Google Chrome扩展程序(例如https://chrome.google.com/webstore/detail/angular-watchers/nlmjblobloedpmkmmckeehnbfalnjnjk) - 它会对您有帮助。

答案 2 :(得分:1)

将创建3个观察者(对于foo1,bar1和bar2)