1. 首页
  2. 问题
  3. 在Angular中，$ scope。$$ watchers默认添加了什么？什么触发$摘要？
一尘不染

在Angular中，$ scope。$$ watchers默认添加了什么？什么触发$摘要？

angularjs

我正在阅读《构建自己的AngularJS》$scopes，$watch并对操作方式和$digest工作方式有一个不错的了解。当您添加自己的$watches并调用自己的时，我了解它的工作原理$digests。但是，我对
默认情况下 到底发生 了 什么感到困惑。

  1. $scope.$$watchers默认情况下会添加什么？你穿的一切$scope？您分配给的所有内容ng-model？都？还有吗

  2. 以及$digests默认情况下何时确切触发？输入字段更改？输入带有ng-models？的字段 其他？


阅读 278

收藏
2020-07-04

共1个答案

一尘不染

一些常见的指令，使使用$watch/ $watchCollection/ $watchGroup内部：

  1. ng模型
  2. ng-bind / {{}}
  3. ng-show和ng-hide
  4. ng级
  5. ng-repeat
  6. ng-if
  7. ng-开关
  8. ng-include

请注意，设置双向绑定的唯一方法是ng-model（作用域->视图和视图->范围）。

其他人设置了单向绑定（范围->视图）。

简单地暴露在例如控制器的东西$scope会 不会 增加一个观察者。

例如，以下内容不会导致添加观察者：

angular.module('myApp', []).controller('Controller', function MyCtrl($scope) {
  $scope.value = 1;
});

和…一起：

<body ng-app="myApp" ng-controller="Controller">
</body>

但是，如果将HTML替换为以下观察者，则会添加一个观察者：

<body ng-app="myApp" ng-controller="Controller">
  <div>{{value}}</div>
</body>

触发摘要循环时的一些常见方案：

  1. 何时ng-click评估
  2. 当ng-model的变化（例如在输入打字时）
  3. 通过$http服务
  4. 在$timeout和$interval

请注意，$apply和之间有一个很大的区别$digest：

调用scope.$digest()将仅在该作用域及其子级上执行监视程序。

调用scope.$apply()将$digest在上触发$rootScope，这意味着将遍历所有作用域并执行所有观察程序。

$apply也接受一个表达式作为参数。该表达式将在try-catch语句中求值，任何异常都将传递给$exceptionHandler服务。

$digest 不接受任何参数。

通常，您只打电话$digest而不是$apply在追求微优化时才真正知道您在做什么。

2020-07-04