AnguarJS $apply和$digesty

来源:互联网 发布:燕十八php百度网盘 编辑:程序博客网 时间:2024/06/05 04:17

数据绑定意味着当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循环。


0 0
原创粉丝点击