多個空格條件運算

Question

有沒有辦法來縮短

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

只是一個單一的，如果？

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

以上兩者似乎都不起作用。

Answer 1

Spacebars延續了Mustache和Handlebars爲無邏輯模板語言的理念。這就是爲什麼簡單的邏輯最好放置在控制器中而不是模板中的原因。

但是，您可以執行邏輯and的define a custom block helper。

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

電話爲：

您還可以瞭解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

雖然在模板中，您可以使用這個對象來引用傳入的參數，這可以避免在我需要它們的大多數情況下使用多個#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}} 

我只是在這個偶然的事故，但是這是一個巨大的發現對我來說。