数据绑定意味着当View中有任何数据发生了变化,那么这个变化也会自动反馈到Scope数据上,也即意味着Scope模型会自动更新。类似地,当Scope模型发生变化时,view中的数据也会得到更新到最新的值。
那么Angularjs是如何做到这一点的呢?
当写下表达式如{{aModel}}时,Angularjs在幕后会为你在Scope模型上设置个watcher,它用来在数据发生变化的时候更新View。
$scope.$watch('aModel', function(newValue, oldValue) {})
scope会周期性地运行一个函数来检查scope模型中的数据是否发生了变化,当aModel发生变化时,这个回调函数会被调用来更新view。
在$digest循环中,watchers会被触发。当一个watcher触发时,Angular会检查scope模型, 如果它发生了变化,那么关联到watcher的回调函数就会被调用。
AngularJS并不直接调用$digest(),而是调用$scope.$apply(), 它会调用到$rootScope.$digest()。因此,一轮$digest循环在$rootScope开始, 随后会访问到所有的childen scope中的watchers。
$scope.$apply()会自动调用$rootScope.$digest()。
AngularJS总是将我们的代码wrap到一个function中并传入$apply(),以此来开始一轮$digest循环。