这是一个创建于 3967 天前的主题，其中的信息可能已经有所发展或是发生改变。
Angularjs中是数据双向绑定非常强大，于是就想知道他是怎么实现的（原理），哪位男神知道告知一二，小弟在此感谢，最好给个例子~
16 条回复 2015-01-20 23:19:45 +08:00
 | 1 yakczh 2015-01-20 14:57:57 +08:00 我也想知道 |
 | 2 tomwan 2015-01-20 15:04:42 +08:00 最简单的说法，50ms为一个心跳，去判断一个controller里所有对象的变化，如果有变化，那么更新相关的元素 |
 | 4 lingyired 2015-01-20 15:16:19 +08:00  1 |
 | 5 lujiajing1126 2015-01-20 15:18:58 +08:00 之前用artTemplate的时候，直接替换整个html会闪一下，所以自己搞了个数据绑定 主要思路我觉得就是在dom的属性上绑一些model的字段，如果model有变化，就去改变相应的model（整个很好做），然后更新dom。。 比如说 <div>{{person.name}}</div> 会被渲染成 <div data-binding="person.name">{{person.name}}</div> 那么如果person.name变化了，自然能够通过data-binding整个属性去改变div的值 反向的话，如果model更新，我觉得应该是事件触发的，比如说自带就有change，blur这些 我觉得关键是需要non-logic的模板引擎，否则在模板里加了逻辑。。整个就跪了，因为另一个逻辑分支的内容不会被渲染到dom里面，从而你如果model更新换了逻辑分支的话那就没办法了 {{if a}} <div>{{person.name}}</div> {{else}} <div>{{person.age}}</div> 那么条件a变了，你也没法从age切到name |
 | 6 shibo501c 2015-01-20 15:48:41 +08:00 解释的话，网上能搜到很多，要想自己实现一下的话，这里有本书可以看，作者给的免费版本可以实现scope的逻辑，还是挺好的 http://teropa.info/build-your-own-angular |
 | 7 rannnn 2015-01-20 15:53:47 +08:00 via iPhone scope变量是getter和setter 更新会在内部保留旧值 然后绑定了keydown之类event 会触发$digest 遍历相关scope变量 触发$watch中的回调 $digest会重复运行直到变量不再改变 |
| 8 rannnn 2015-01-20 15:56:57 +08:00 via iPhone 不过angular hard code 了$digest连续运行10次就会直接exception |
 | 9 datou552211 2015-01-20 17:02:39 +08:00 脏值检测 |
 | 10 rubyking OP |
| 11 rubyking OP @lujiajing1126 具体的解决办法呢 |
| 12 rubyking OP @rannnn 要是不是通过触发keydown之类event事件实现的呢? 比如某一个attribute属性发生了改变 |
| 13 rubyking OP @datou552211 @rannnn 需要自己实现一个 |
| 14 rannnn 2015-01-20 18:40:42 +08:00 @rubyking angular会 parse attribute里的 express 比如attr="var1 + var2" 就会watch var1和var2这两个scope variable，当运行$digest的时候检测到这两个变量变化了就会重新计算这个expression然后再触发相应的callback 自己实现略麻烦，首先你还得写个parser（其实也不是很麻烦用esprima就好了） |
| 15 lujiajing1126 2015-01-20 18:46:14 +08:00 |
 | 16 kimmykuang 2015-01-20 23:19:45 +08:00 angularjs的数据更新是基于dirty check的，至于什么时候去做check，你需要去看下一个叫$digest的东西，比如$scope里的东西变化了就会开始$digest，所以说“angularjs的数据双向绑定是依靠$scope实现的”也应该不是错误的。 |
Select Language