avalon2,求当点击添加时,不出现添加两次情况。

求个示例代码:
按????区域代码格式写一个实例,(ms-for,ms-visible,ms-if)位置不能变动,不能增减,当点击添加时,不出现添加两次情况。
还是说我的这种写法有问题?

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<!--<script src="avalon2.js"></script>-->
    <script src="https://unpkg.com/avalon2@2.2.8/dist/avalon.js"></script>
</head>
<body>
<div id="floor" ms-controller="floor">
    <button ms-click="add_floor()" >添加1</button>
    
    <!--???????-->
    <div class="floor" ms-for="el in @items" ms-visible="1<2">
        <div class="type1"  ms-if="1<2">
            sssssss
        </div>
    </div>
    <!--???????-->
</div>
<script>
    var floors = avalon.define({
        $id       : 'floor' ,
        items     : [],
        add_floor : function(){
            floors.items.push('');
        }
    })
</script>
</body>
</html>
阅读 2.4k
1 个回答

应该是

<div class="type1"  ms-if="1<2">
  sssssss
</div>

这里的 ms-if 的问题,改成 ms-visible 或者去掉 都没有问题。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题