09avalon - vm是如何作用视图

简介: 09avalon - vm是如何作用视图

我们需要在页面上,使用ms-controller或ms-important来圈定每个vm的作用范围。

简单的说,就是可以使用ms-controller或ms-important来指定作用域范围,才能使用avalon属性或方法。

如下图(avalon只能作用域body包围的里面):

image.png

当页面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。

目录
相关文章
16avalon - 指令ms-attr(属性绑定)
16avalon - 指令ms-attr(属性绑定)
75 1
|
JavaScript
04avalon - vm内部属性($id)
04avalon - vm内部属性($id)
59 0
|
监控 JavaScript 前端开发
05avalon - vm监控属性 ($watch)
05avalon - vm监控属性 ($watch)
80 0
|
监控
06avalon - vm计算属性 ($computed)
06avalon - vm计算属性 ($computed)
70 0
|
Web App开发 JavaScript
03avalon - vm介绍
03avalon - vm介绍
55 0
10avalon - vm运作原理
10avalon - vm运作原理
56 0
|
8月前
|
设计模式 开发框架 算法
【QML 创建界面】QML界面的动态创建及其其他方法 (Dynamic Creation of QML Interfaces and Other Methods)
【QML 创建界面】QML界面的动态创建及其其他方法 (Dynamic Creation of QML Interfaces and Other Methods)
799 0
35avalon - 指令ms-widget(组件绑定介绍)
35avalon - 指令ms-widget(组件绑定介绍)
35 0
|
虚拟化
QT应用编程: 使用Enigma Virtual Box 封装单执行文件
QT应用编程: 使用Enigma Virtual Box 封装单执行文件
344 0
QT应用编程: 使用Enigma Virtual Box 封装单执行文件