avalon子孙元素属性监听
Posted guohu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了avalon子孙元素属性监听相关的知识，希望对你有一定的参考价值。
html正文：
<body ms-controller="ex">
<div class="ms-hover" ms-click="change(‘array‘)">
<div ms-repeat="array">{{el}}</div>
</div>
</body>
javascript操作代码：
//对象数组子元素的监听
var vm=avalon.define({
$id:"ex",
aaa:{bbb:{ccc:1}},
array:[1,2],
change:function(aaa){
vm[aaa].push(new Date-1);
}
});
//监听子孙元素只需在该元素的父元素上监听将子元素看作是父元素的一个属性
vm.aaa.bbb.$watch("ccc",function(a,b){
avalon.log(a,b);
});
setTimeout(function(){
vm.aaa.bbb.ccc=new Date-0;
}, 2000);
//watch:监听array的属性length的值：数组只能监听到数组长度
vm.array.$watch("length",function(a,b){
avalon.log("length:"+a+"--"+b);
});
以上是关于avalon子孙元素属性监听的主要内容，如果未能解决你的问题，请参考以下文章