jquery - 如何在 Mustache.js 中使用比较来完成 if/else？

Question

我在 article 中阅读了如何在 Mustache.js 中使用 if/else .

现在我的问题是，可以在 if 语句中使用比较运算符吗？

就像(只是我举了一个错误的例子):

{{#ItemIndex==0}}
   <td>{{ItemIndex}}</td>
{{/ItemIndex}}
{{^ItemIndex==0}}
   <td>{{ItemIndex}} *</td>
{{/ItemIndex}}

如何做到这一点？

Answer 1

使用 Mustache 无法做到这一点。

但是，由于您对等于 0(假)的值感兴趣，因此可以执行以下操作:

/*
Template:
{{#objs}}
    {{^ItemIndex}}
        {{ItemIndex}}*
    {{/ItemIndex}}
    {{#ItemIndex}}
        {{ItemIndex}}
    {{/ItemIndex}}
{{/objs}}"
*/

var template = "{{#objs}}{{^ItemIndex}}{{ItemIndex}}*{{/ItemIndex}}{{#ItemIndex}}{{ItemIndex}}{{/ItemIndex}}\n\n{{/objs}}"

document.getElementsByTagName('body')[0].textContent = (Mustache.render(template, {objs: [
    {
        ItemIndex: 0
    }, 
    {
        ItemIndex: 1
    },    
    {
        ItemIndex: 2
    } 
]}))

// result => 0* 1 2

Fiddle

如果您需要在模板中使用 if/else 结构并且喜欢 Mustache 语法，那么您应该查看 Handlebars.js .