avalon ms-repeat avalon1

时间 2019-12-02

标签 avalon repeat avalon1 繁體版

原文原文链接

工做缘由要用到avalon二次开发，可是看了下之前的avalon版本是1，如今大多数都是2版本了吧，，因此不少文档很差找，可是大多数仍是好用的javascript

ms-repeatjava

循环当前赋值的，数组

ms-repeat:加载须要循环显示的子元素上：默认el
ms-repeat-item–>修改成item
ms-each：做用到须要循环子元素的父元素上 markdown

HTML正文：this

<body ms-controller="test">
<p>数组遍历</p>
<!-- $index:下标 
     $last最后一个元素 -->
<ul>
<li ms-repeat-item="array">{{item}}---->{{$index}}</li>
</ul><br>

<p>ms-each</p>
<ul ms-each="array">
<li>{{el}}<span ms-if="!$last">--></span></li>
</ul><br>

<!-- $key:属性名  $val属性值  ms-with相似ms-each-->
<p>ms-repeat对象属性遍历</p>
<ul>
<li ms-repeat="objects">{{$key}}-->{{$val}}</li>
</ul><br>

<p>ms-with对象属性遍历</p>
<ul ms-with="objects">
<li>{{$key}}-->{{$val}}</li>
</ul>
</body>

JavaScript操做代码：spa

 var vm=avalon.define({
    $id:"test",
    array:[111,222,333],
    objects:{aaa:"1111",bbb:"2222",ccc:"3333"}
});

效果：
.net

有点要注意的是，ms-repeat彷佛不能利用当前的键值进行判断，须要放到下一级code

好比，下面这个，判断只显示第一个，这样是不行的对象

        <img ms-repeat="lunlist" onerror="this.src='images/buy/x_02.png'" ms-src="el.image" ms-attr-id="$index" ms-if="$index==0" style="width: 100%;height: 210px;"/>

须要改成第二级判断blog

<div ms-repeat="lunlist">
        <img onerror="this.src='images/buy/x_02.png'" ms-src="el.image" ms-attr-id="$index" ms-if="$index==0" style="width: 100%;height: 210px;"/>
    </div>

固然 $last 判断也是同样键值$index 是从0 开始的

1. avalon1与avalon2的异同点
2. avalon
3. 【avalon】parseData
4. Avalon (1)
5. 【Avalon】escape
6. Avalon Framework
7. Avalon内存映射接口（Avalon-MM）
8. Avalon总线学习 ---Avalon Interface Specifications
9. avalon [记录]
10. 初试avalon
更多相关文章...