Mustache语法中实现if-else

小咪咪 2022-11-26 06:53 233阅读 0赞

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

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值或者是空数组的时候，那么这对标签之间的内容还是不会显示。

发表评论取消回复

表情：

评论列表（有 0 条评论，233人围观）

还没有评论，来说两句吧...

相关阅读

相关 mustache语法

ustache 的模板语法很简单，就那么几个： ? <table> <tbody> <tr> <td> <div> 1 ...

小鱼儿/ 2024年04月18日 18:06/ 0 赞/ 56 阅读

相关 mustache模板

一、简单示例代码： ![复制代码][aHR0cHM6Ly9jb21tb24uY25ibG9ncy5jb20vaW1hZ2VzL2NvcHljb2RlLmdpZg]

￡神魔★判官ぃ/ 2023年05月22日 06:58/ 0 赞/ 44 阅读

相关 Mustache语法中实现if-else

1、\{ \{\prop\}\}\{ \{/prop\}\}标签：这对标签的作用非常强大，可以同时完成if-else和for-each以及动态渲染的模板功能。在这对标签之

小咪咪/ 2022年11月26日 06:53/ 0 赞/ 234 阅读

相关 mustache java 性能_mustache 的 Java 实现 JMustache

软件介绍 jmustache 是 Mustache 模板引擎的java实现。使用方法：String text = "One, two, \{ \{three\}\}. T

我就是我/ 2022年11月03日 04:15/ 0 赞/ 283 阅读

相关 Vue中mustache的探秘

什么是模板引擎，平时使用Vue写循环的时候用v-for那么溜却从来没有想过为什么 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_

逃离我推掉我的手/ 2022年10月26日 01:29/ 0 赞/ 181 阅读

相关 mustache 例子

网上下载mustache-0.7.2.js 其他版本也可以拷贝如下代码即可运行 <html> <head> <script type="text/javascrip

痛定思痛。/ 2022年09月17日 12:18/ 0 赞/ 168 阅读

相关 mustache模板引擎

Logic-less templates. github：[http://mustache.github.com/ ][http_mustache.github.com]

谁借莪１个温暖的怀抱￠/ 2022年07月31日 19:28/ 0 赞/ 275 阅读

相关学习笔记《Mustache》

Mustache 是一款经典的前端模板引擎，在前后端分离的技术架构下面，前端模板引擎是一种可以被考虑的技术选型，随着重型框架（AngularJS、ReactJS、Vue

红太狼/ 2022年06月03日 06:40/ 0 赞/ 226 阅读

相关 Mustache

Mustache 参考资料： [mustache模板技术][mustache] [Mustache 模板引擎][Mustache] 一、简介 Web

﹏ヽ暗。殇╰゛Y/ 2022年04月06日 06:09/ 0 赞/ 238 阅读

相关 vue中数据的渲染采用的是mustache语法

js模板引擎mustache 在Javascript中 mustache.js是实现mustache模板系统。 Mustache是一种没有逻辑的模板语法。它可以应用于H

落日映苍穹つ/ 2021年07月25日 16:40/ 0 赞/ 432 阅读