javascript - 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>
<p id="floor" ms-controller="floor">
<button ms-click="add_floor()" >添加1</button>
<!--???????-->
<p class="floor" ms-for="el in @items" ms-visible="1<2">
<p class="type1" ms-if="1<2">
sssssss
</p>
</p>
<!--???????-->
</p>
<script>
var floors = avalon.define({
$id : 'floor' ,
items : [],
add_floor : function(){
floors.items.push('');
}
})
</script>
</body>
</html>
