首页 > 试题广场 >

AngularJS双向绑定原理

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)
没用过安葛优啦。
发表于 2021-03-23 10:53:49 回复(0)