我自己也有一段时间对此感到奇怪。没有setters，AngularJS如何注意到$scope对象的更改？它会投票吗？

它实际上是这样做的：您修改模型的任何“正常”位置都已经从AngularJS的内部调用，因此它会在代码运行后自动为您调用$apply。假设你的控制器有一个方法，它连接到某个元素上的ng点击。因为AngularJS为您将该方法的调用连接在一起，所以它有机会在适当的位置执行$apply。同样，对于出现在视图中的表达式，这些表达式由AngularJS执行，因此它执行$apply。

当文档谈到必须为AngularJS之外的代码手动调用$apply时，它指的是运行时不源自调用堆栈中AngularJS本身的代码。

AngularJS借助三个强大的函数来处理数据绑定机制：$watch（）、$digital（）和$apply（）。大多数时候AngularJS都会调用$scope$watch（）和$scope$digest（），但是在某些情况下，您可能需要手动调用这些函数来更新新值。

$watch（）：-

此函数用于观察$scope上变量的变化。它接受三个参数：表达式、监听器和相等对象，其中监听器和相等对象是可选参数。

$digest（）-

此函数迭代$scope对象中的所有手表，及其子$scope对象（如果有）。当$digest（）迭代时在手表上，它检查表达式的值是否改变。如果值已更改，AngularJS将使用新值和旧值。调用$digest（）函数每当AngularJS认为有必要时。例如，在按钮之后或者在AJAX调用之后。在某些情况下，AngularJS不会为您调用$digest（）函数。在这种情况下，你必须你自己说吧。

$apply（）-

Angular确实会自动神奇地更新那些在AngularJS上下文中。当您在Angular上下文（如浏览器DOM事件、setTimeout、XHR或第三个party库），则需要通过手动调用$apply（）。当$apply（）函数调用完成时AngularJS在内部调用$digital（），因此所有数据绑定都是更新。

下面是使用输入字段与AngularJS进行数据绑定的示例。我稍后会解释

HTML代码

<div ng-app="myApp" ng-controller="myCtrl" class="formInput">
     <input type="text" ng-model="watchInput" Placeholder="type something"/>
     <p>{{watchInput}}</p> 
</div>

AngularJS代码

myApp = angular.module ("myApp", []);
myApp.controller("myCtrl", ["$scope", function($scope){
  //Your Controller code goes here
}]);

正如您在上面的示例中看到的，AngularJS使用ng模型来监听和监视HTML元素，尤其是输入字段上发生的情况。当事情发生时，做点什么。在我们的例子中，ng模型使用八字胡符号{{}}绑定到我们的视图。输入字段中键入的任何内容都会立即显示在屏幕上。这就是数据绑定的美妙之处，以最简单的形式使用AngularJS。

希望这有帮助。

请参阅此处的工作示例代码笔

显然，并没有定期检查作用域中附加的对象是否有任何变化。并不是所有附加到作用域的对象都被监视。范围原型通常维护一个$$观察者。当调用$digest时，作用域仅遍历此$$watcher。

Angular为每个$$观察者添加一个观察者

｛｛表达式｝｝ — 在您的模板中（以及其他任何有表达式的地方），或者在我们定义ng模型时。$范围$watch（'表达式/函数'） — 在您的JavaScript中，我们只需附加一个范围对象来观察angular。

$watch函数接受三个参数：

第一个是一个观察函数，它只返回对象，或者我们可以添加一个表达式。第二个是侦听器函数，当对象发生更改时将调用该函数。所有诸如DOM更改的事情都将在该函数中实现。第三个是可选参数，它接受布尔值。如果它为真，angular deep会监视对象；如果它为假，angular只会对对象进行引用监视。$watch的大致实现如下

Scope.prototype.$watch = function(watchFn, listenerFn) {
   var watcher = {
       watchFn: watchFn,
       listenerFn: listenerFn || function() { },
       last: initWatchVal  // initWatchVal is typically undefined
   };
   this.$$watchers.push(watcher); // pushing the Watcher Object to Watchers  
};

在Angular中有一个有趣的东西叫做Digest Cycle。$digest循环是调用$scope的结果$digest（）。假设您通过ng-click指令更改处理程序函数中的$scope模型。在这种情况下，AngularJS通过调用$digest（）自动触发$digest循环。除了ng-click之外，还有几个内置的指令/服务可以让您更改模型（例如ng-model、$timeout等）并自动触发$digest循环。$digest的大致实现如下所示。

Scope.prototype.$digest = function() {
      var dirty;
      do {
          dirty = this.$$digestOnce();
      } while (dirty);
}
Scope.prototype.$$digestOnce = function() {
   var self = this;
   var newValue, oldValue, dirty;
   _.forEach(this.$$watchers, function(watcher) {
          newValue = watcher.watchFn(self);
          oldValue = watcher.last;   // It just remembers the last value for dirty checking
          if (newValue !== oldValue) { //Dirty checking of References 
   // For Deep checking the object , code of Value     
   // based checking of Object should be implemented here
             watcher.last = newValue;
             watcher.listenerFn(newValue,
                  (oldValue === initWatchVal ? newValue : oldValue),
                   self);
          dirty = true;
          }
     });
   return dirty;
 };

如果我们使用JavaScript的setTimeout（）函数来更新范围模型，Angular无法知道您可能会更改什么。在这种情况下，我们有责任手动调用$apply（），这将触发$digest循环。类似地，如果您有一个指令设置DOM事件侦听器并更改处理程序函数中的某些模型，则需要调用$apply（）以确保更改生效。$apply的主要思想是，我们可以执行一些不知道Angular的代码，这些代码可能仍然会改变作用域上的内容。如果我们将代码包装在$apply中，它将负责调用$digest（）。$apply（）的粗略实现。

Scope.prototype.$apply = function(expr) {
       try {
         return this.$eval(expr); //Evaluating code in the context of Scope
       } finally {
         this.$digest();
       }
};

这是我的基本理解。这很可能是错误的！

通过传递函数（返回要watch）转换为$watch方法。必须在代码块内对关注的项目进行更改由$apply方法包装。在$apply结束时，调用$digest方法通过每一块手表和检查，看看它们是否发生了变化上次运行$digest时。如果发现任何更改，则再次调用摘要，直到所有更改稳定下来。

在正常开发中，HTML告诉AngularJS编译器为您创建手表，并且控制器方法已经在$apply中运行。所以对于应用程序开发人员来说，它是完全透明的。

单向数据绑定是一种从数据模型中获取值并插入到HTML元素中的方法。无法从视图更新模型。它用于经典模板系统。这些系统仅在一个方向上绑定数据。Angular应用程序中的数据绑定是模型和视图组件之间数据的自动同步。

数据绑定允许您将模型视为应用程序中的唯一真实来源。视图始终是模型的投影。如果模型已更改，视图将反映更改，反之亦然。