avalon视频学习笔记（五）

最新推荐文章于 2024-11-13 17:27:29 发布

Lee_Lei0213

最新推荐文章于 2024-11-13 17:27:29 发布

阅读量120

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Zjingwen/p/4456487.html

版权

一、插入移除处理

1、绑定属性ms-if

a、当ms-if的值为真（true）时，就将元素输出到页面里面。

b、如果当ms-if 的值为假（flase）时，就将元素移除dom树

avalonctrl是为avalon垃圾回收器查找元素所用

是为了将注释的节点重新，装填会dom树所准备的

2、ms-if和ms-visible的区别

<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>avaon-ms-if</title>
<script type="text/javascript" src="../avalon.min.js"></script>
<script type="text/javascript">
avalon.ready(function(){
var vmodel = avalon.define({
$id:'test',
object:{}
});
setTimeout(function(){
vmodel.object = {
id:"123",
message:"显示！！"
}
},3000);
avalon.scan()
});
</script>
</head>
<body>
<div ms-controller="test">
这里是比较输出的结果{{object.id != null}}
<div ms-visible="object.id != null">这里是visible的<span>{{object.message}}</span></div>
<div ms-if="object.id != null">这里是if的<span>{{object.message}}</span></div>
</div>
</body>