在 jQuery tmpl 中使用“if”

Posted

技术标签:

【中文标题】在 jQuery tmpl 中使用“if”【英文标题】:using "if"'s in jQuery tmpl 【发布时间】:2011-04-14 12:36:13 【问题描述】:

是否可以在 jQuery tmpl 模板中创建 if 句子

<script id="template" type="text/html">
    <h1>$someVar</h1>
    if ($intro!="")
        <small>$intro</small>
    endif
    <p>$restOfVariables</p>
</script>

现在,这只会将 if 写成文本,那么有什么办法可以做这样的事情吗?还是我必须创建两个不同的模板并在调用模板之前检查我的 js?

【问题讨论】:

【参考方案1】:

根据these docs,你可以这样做:

<script id="template" type="text/html">
    <h1>$someVar</h1>
    if intro != ""
        <small>$intro</small>
    /if
    <p>$restOfVariables</p>
</script>

【讨论】:

啊,你领先了 14 秒!好的好的,我将删除我基本相同的答案... 不错!但是 Resig 的 tmpl 文件因 if/else 语句而崩溃。不过,在 github 上找到了这个解决问题的 fork:github.com/jchadwick/jquery-tmpl 仅供参考, 和 if 之间不能有空格。

以上是关于在 jQuery tmpl 中使用“if”的主要内容,如果未能解决你的问题,请参考以下文章

在 <script> 标签中使用自定义类型属性,例如 jQuery 的 text/x-jquery-tmpl

jquery模板jquery.tmpl.js使用教程(附jquery.tmpl.js下载)

Jquery.tmpl

jQuery-tmpl 模板引擎使用方法说明

jQuery tmpl:如何呈现 Html?

Grails 干扰 jquery-tmpl 语法