我们需要在页面上,使用ms-controller或ms-important来圈定每个vm的作用范围。
简单的说,就是可以使用ms-controller或ms-important来指定作用域范围,才能使用avalon属性或方法。
如下图(avalon只能作用域body包围的里面):
当页面domReady时,vm就将自动将其里面的数据替换到各种指令中去,实现视图刷新效果。
注意一个vm只能在页面上使用一次。即页面上不能重复出现相同的值的ms-controller。
<div ms-controller="test">{{@aaa}}</div> <div ms-controller="test">{{@aaa}}</div> <div ms-controller="test">{{@aaa}}</div>
由于test这个vm拥有一个叫 $ element的属性,它是保存其关联的元素节点,如果定义了多少个,那么它会保留最后的那个DIV。以后它的属性变化,只会作用最后的那个DIV。