Angular.js为我们在视图中创建的每个模型创建一个观察者。每当一个模型被更改时，一个“ng dirty”类就会被附加到该模型上，因此观察者将观察所有具有“ng dirt”类的模型，并在控制器中更新它们的值，反之亦然。

数据绑定：

什么是数据绑定？

每当用户更改视图中的数据时，范围模型中就会出现该更改的更新，反之亦然。

怎么可能？

简短回答：借助消化循环。

说明：Angular js在作用域模型上设置观察者，如果模型发生变化，它会触发监听器函数。

$scope.$watch('modelVar' , function(newValue,oldValue){

//使用新值更新Dom代码

});

那么何时以及如何调用观察程序函数？

作为摘要循环的一部分调用观察程序函数。

摘要循环是作为angular js内置指令/服务的一部分自动触发的，如ng model、ng bind、$timeout、ng click等。。让你触发消化周期。

摘要循环功能：

$scope.$digest() -> digest cycle against the current scope.
$scope.$apply() -> digest cycle against the parent scope 

即$rootScope.$apply（）

注：$apply（）等于$rootScope$digest（）这意味着脏检查从根或顶部或父作用域开始，一直到angular js应用程序中的所有子$scopes。

上述功能适用于上述版本的浏览器IE，只需确保您的应用程序是angular js应用程序，这意味着您使用的是脚本标记中引用的angularjs框架脚本文件。

非常感谢。

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

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

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

用图片解释：

数据绑定需要映射

作用域中的引用与模板中的引用不完全相同。当您数据绑定两个对象时，需要第三个对象侦听第一个对象并修改另一个对象。

在这里，当您修改＜input＞时，您会触摸data-ref3。经典的数据绑定机制将改变data-ref4。那么其他｛｛数据｝｝表达式将如何移动？

事件导致$digest（）

Angular维护每个绑定的oldValue和newValue。在每一个Angular事件之后，著名的$digest（）循环都会检查WatchList以查看是否发生了变化。这些Angular事件是ng单击、ng更改、$http完成。。。只要任何oldValue与newValue不同，$digest（）就会循环。

在上一张图片中，它将注意到data-ref1和data-ref2已更改。

结论

这有点像鸡蛋和鸡肉。你永远不知道是谁开始，但希望大多数时候都能像预期的那样。

另一点是，您可以很容易地理解简单绑定对内存和CPU的影响。希望台式机足够胖，可以处理这个问题。手机没有那么强。

下面是使用输入字段与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。

希望这有帮助。

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

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（），因此所有数据绑定都是更新。