avalon循环分支判断ms-if-loop

来源:互联网 发布:看美漫的软件 编辑:程序博客网 时间:2024/06/13 22:47

循环分支判断:ms-if的执行优先级比ms-repeat要高,因此无法在循环内部未发判断,需要借助于ms-id-loop处理
案例:只显示数组中特定的成员信息

css内容:

div{width:120px;height:100px;border:1px solid #ccc;}

HTML正文:

<body ms-controller="vm"><button ms-repeat="array" ms-click="toggle($index)">{{$index+1}}</button><div ms-repeat="array" ms-if-loop="currentIndex==$index">{{el.text}}</div></body>

Javascript操作代码:

avalon.ready(function(){   var vm=avalon.define({       $id:"vm",       currentIndex:'',       array:[{text:"11111"},              {text:"22222"},              {text:"33333"},              {text:"44444"}],       toggle:function(index){           vm.currentIndex=index;       }   });       avalon.scan();});

效果:
这里写图片描述

0 0