avalon添加子元素时，碰见ms-if会将if块原样输出，求解？
当点击"添加1"是，显示结果为：
{{ @el.a }}
aaa
想要得到的结果是只得到
aaa
求解！
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<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(2)" >添加2</button>
<button ms-click="add_floor(1)" >添加1</button>
<div class="floor" ms-for="el in @items" ms-click>
<div class="type1" ms-if="@el.type==1">
{{ @el.a }}
</div>
</div>
</div>
<script>
var floors = avalon.define({
$id : 'floor' ,
items : [],
add_floor : function(eq){
var obj = {
'type': eq,
'a' : 'aaa'
};
floors.items.push(obj);
}
})
floors.items.push(
{
'type' : '1',
'a' : 'aaa'
}
);
</script>
</body>
</html><!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)" >添加1</button>
//???????
<div class="floor" ms-for="el in @items" ms-visible="el.type==1">
<div class="type1" ms-if="el.type==1">
{{ el.a }}
</div>
</div>
<div class="floor" ms-for="el in @items" ms-visible="el.type==1">
<div class="type1" ms-visible="el.type==1">
{{ el.a }}
</div>
</div>
<div class="floor" ms-for="el in @items" ms-if="el.type==1">
<div class="type1" ms-if="el.type==1">
{{ el.a }}
</div>
</div>
<div class="floor" ms-for="el in @items" ms-if="el.type==1">
<div class="type1" ms-visible="el.type==1">
{{ el.a }}
</div>
</div>
</div>
<script>
var floors = avalon.define({
$id : 'floor' ,
items : [],
add_floor : function(eq){
var obj = {
'type': eq,
'a' : 'aaa'
};
floors.items.push(obj);
}
})
</script>
</body>
</html>如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
将
div class="floor"的ms-click去掉即可，另外，模板里的el不需要带@：