AnguarJS $apply和$digesty

本文详细解析了AngularJS中数据绑定的工作原理。当View中的数据发生变化时,Scope模型会自动更新;反之亦然。Angular通过在Scope上设置watcher来监测数据变化,并通过$digest循环确保视图和模型保持同步。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值