我是靠谱客的博主 机智小丸子,这篇文章主要介绍Mustache语法中实现if-else,现在分享给大家,希望可以做个参考。

1.{{#prop}}{{/prop}}标签:
这对标签的作用非常强大,可以同时完成if-else和for-each以及动态渲染的模板功能。在这对标签之间,可以定义其它模板内容,嵌套所有标签。

<ul class="dropdown-menu" role="menu">
<shiro:hasPermission name="expapp:experiment:experiment:getRealTimeGraph">
{{#graphBtn}}
<li><a href="${ctx}/expapp/experiment/experiment/realTimeGraph?equipmentNumber={{row.test.manufacturingEquipment.equipmentNumber}}&innerContainerCode={{row.innerContainerCode}}" ></i> 查看实时曲线图</a></li>
{{/graphBtn}}
</shiro:hasPermission>
</ul>
function addRow(list, idx, tpl, row){
$(list).append(Mustache.render(tpl, {
idx: idx, delBtn: true, row: row, graphBtn:function(){
if(row.test.status=='2'){
return true;
}
return false;
}
}));
}

以上用例中特殊点的就是graphBtn属性引用的是一个函数的时候,{{#graphBtn}}会自动调用这个函数,并把函数的返回值作为if-else渲染逻辑的判断依据,也就是说如果这个函数返回的是false值或者是空数组的时候,那么这对标签之间的内容还是不会显示。
参考:https://www.cnblogs.com/lyzg/p/5133250.html和http://limu.iteye.com/blog/1064024

最后

以上就是机智小丸子最近收集整理的关于Mustache语法中实现if-else的全部内容,更多相关Mustache语法中实现if-else内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(131)

评论列表共有 0 条评论

立即
投稿
返回
顶部