AngularJS双向绑定原理

[问答题]

AngularJS双向绑定原理

查看答案及解析

stone_ye

AngularJs主要通过scopes模型实现数据双向绑定。AngularJs 为 scope 模型上设置了一个监听队列$watch，用来监听数据变化并更新 view 。每次绑定一个东西到 view(html) 上时 AngularJs 就会往 $watch 队列里插入一条 $watch，用来检测它监视的 model 里是否有变化的东西。当浏览器接收到可以被 angular context 处理的事件时，$digest 循环就会触发。$digest 会遍历所有的 $watch。从而更新DOM。 Angular2+ 没有一个双向绑定的实现，他的双向绑定就是数据绑定+事件绑定，模板语法是 [()] ngModel实际上由属性绑定和事件绑定两部分构成。它的完整写法如下：

Hello {{username}}!

属性绑定[ngModel]只关心如何更新当前DOM元素，事件绑定(ngModelChange)通知外部世界DOM值发生改变。

发表于 2021-07-08 03:41:04 回复(0)