avalon子孫元素屬性監聽

時間 2019-11-12

標籤 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);
});

相關標籤/搜索