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。

目录
相关文章
|
8月前
16avalon - 指令ms-attr(属性绑定)
16avalon - 指令ms-attr(属性绑定)
41 1
|
8月前
|
JavaScript
04avalon - vm内部属性($id)
04avalon - vm内部属性($id)
33 0
|
8月前
|
监控 JavaScript 前端开发
05avalon - vm监控属性 ($watch)
05avalon - vm监控属性 ($watch)
48 0
|
8月前
|
监控
06avalon - vm计算属性 ($computed)
06avalon - vm计算属性 ($computed)
37 0
|
8月前
|
Web App开发 JavaScript
03avalon - vm介绍
03avalon - vm介绍
35 0
|
1月前
封装组件,通过指令进行调用,类似于elementUI中的loading组件
封装组件,通过指令进行调用,类似于elementUI中的loading组件
30 0
|
8月前
10avalon - vm运作原理
10avalon - vm运作原理
27 0
|
1月前
|
存储 搜索推荐 BI
sap.ui.comp.filterbar.FilterBar 的 persistencyKey 属性的作用介绍
sap.ui.comp.filterbar.FilterBar 的 persistencyKey 属性的作用介绍
|
8月前
|
算法
sap.ui.comp.smarttable.SmartTable 一些属性的用法阐述
sap.ui.comp.smarttable.SmartTable 一些属性的用法阐述
|
8月前
35avalon - 指令ms-widget(组件绑定介绍)
35avalon - 指令ms-widget(组件绑定介绍)
22 0