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实现的”也应该不是错误的。
|