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
更多相關文章...

相關標籤/搜索

webpack+avalon+mmstate

electron+avalon+jquery+codemirror

avalon+oniui+jquery

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。