多个空格键条件运算符

Question

有没有办法缩短

{{#if arg1}}
    {{#if arg2}}
        //stuff
    {{/if}}
{{/if}}

只有一个 if？

{{#if arg1 arg2}}
{{#if arg1 && arg2}}

以上两种方法似乎都不起作用。

Answer 1

空格键延续了 Mustache 和 Handlebars 是无逻辑模板语言的理念。这就是为什么即使是简单的逻辑也最好放在控制器而不是模板中。

但是，您可以使用 define a custom block helper 来执行逻辑 and。

<template name="ifand">
  {{#if arg1}}
    {{#if arg2}}
      {{> Template.contentBlock}}
    {{else}}
      {{> Template.elseBlock}}
    {{/if}}
  {{else}}
    {{> Template.elseBlock}}
  {{/if}}
</template>

调用为：

{{#ifand arg1="foo" arg2="bar"}}
  // stuff
{{/ifand}}

你也可以学习more about passing variables into templates。

对于一般情况（and 在任意数量的参数中），您需要注册一个全局模板助手：

Template.registerHelper('and', function () {
  var args = Array.prototype.slice.call(arguments, 0, -1);  // exclude key=value args
  var parameters = arguments[arguments.length - 1];  // key: value arguments

  return _.every(args, function (arg) {
    return !!arg;
  });

});

调用为：

{{#if and 1 "foo" 3 'bar' param="test"}}
  True
{{else}}
  False
{{/if}}

Answer 2

在模板中，您可以使用 this 对象来引用传入的参数，这样我就可以避免在大多数需要它们的情况下使用多个#if 参数。

Template.myTemplate.created = function() {
    if(this.data.arg1 && this.data.arg2) {
        //do JS setup here
    }
}

此外，可以使用指定助手

Template.registerHelper('exists', function() {
    if(this.data.arg1 && this.data.arg2) {
        return true
    }
}

然后你就这样执行了上面的助手

{{#if exists}}
    //stuff
{{/if}}

{{> myTemplate arg1 arg2}}

我只是偶然发现了这个，但这对我来说是一个巨大的发现。