建议增加ms-repeat功能 #154

xw332 · 2013-11-15T06:14:37Z

最简单的应用场景是一个ul的商品列表，显示的数据可能是从三个数组里抽出来的，如果用ms-each不得不增加三个仅用于循环的父级标签

<ul>
  <ul ms-each="arr1">
    <li>test</li>
  </ul>
  <ul ms-each="arr2">
    <li>test</li>
  </ul>
</ul>

有ms-repeat的话三个数组自己循环就行了，不会影响标签的层级

<ul>
  <li ms-repeat="arr1">test</li>
  <li ms-repeat="arr2">test</li>
</ul>

RubyLouvre · 2013-11-16T06:52:36Z

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title>ms-repeat</title>
        <script src="avalon.mobile.js" type="text/javascript"></script>        
        <script>
            var model = avalon.define("xxx", function(vm) {
                vm.array = [2, 3, 1, 7, 4]
            })
            setTimeout(function() {
                model.array.splice(2, 1, "aaa")
            }, 1000)
            setTimeout(function() {
                model.array.sort()
            }, 3000)
            setTimeout(function() {
                model.array.clear()
            }, 5000)
        </script>
    </head>
    <body ms-controller="xxx">
        <h1>ms-repeat</h1>
        <p>用法与ms-each一致，ms-repeat-el?-index?，后两个参数可选 </p>
        <ul>
            <li ms-repeat="array">{{el}} ---- {{$index}}</li>
        </ul>
    </body>
</html>

7450715

RubyLouvre closed this as completed Nov 18, 2013

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

建议增加ms-repeat功能 #154

建议增加ms-repeat功能 #154

xw332 commented Nov 15, 2013

RubyLouvre commented Nov 16, 2013

建议增加ms-repeat功能 #154

建议增加ms-repeat功能 #154

Comments

xw332 commented Nov 15, 2013

RubyLouvre commented Nov 16, 2013