在handlebars JS中是否有一种方法可以将逻辑操作符合并到标准handlebars. JS条件操作符中?就像这样:
{{#if section1 || section2}}
.. content
{{/if}}
我知道我可以编写自己的助手，但首先我想确保我没有重复工作。
当前回答
对于三元helper，还有另一个不正确的解决方案:
'?:' ( condition, first, second ) {
return condition ? first : second;
}
<span>{{?: fooExists 'found it' 'nope, sorry'}}</span>
或者一个简单的合并helper:
'??' ( first, second ) {
return first ? first : second;
}
<span>{{?? foo bar}}</span>
由于这些字符在句柄标记中没有特殊含义，因此可以自由地将它们用于帮助器名称。
其他回答
这可以通过使用block helper来“欺骗”。这可能违背了开发车把的人的意识形态。
Handlebars.registerHelper('ifCond', function(v1, v2, options) {
if(v1 === v2) {
return options.fn(this);
}
return options.inverse(this);
});
然后可以像这样调用模板中的helper
{{#ifCond v1 v2}}
{{v1}} is equal to {{v2}}
{{else}}
{{v1}} is not equal to {{v2}}
{{/ifCond}}
在Ember.js中，你可以在if块helper中使用内联if helper。它可以替换||逻辑运算符，例如:
{{#if (if firstCondition firstCondition secondCondition)}}
(firstCondition || (or) secondCondition) === true
{{/if}}
我可以理解为什么你想要创建一个helper的情况下，你有大量不同的比较在你的模板中执行，但相对较少的比较(甚至是一个，这是把我带到这个页面的第一个位置)，它可能只是更容易定义一个新的句柄变量在你的视图渲染函数调用，如:
传递到渲染手柄:
var context= {
'section1' : section1,
'section2' : section2,
'section1or2' : (section1)||(section2)
};
然后在handlebars模板中:
{{#if section1or2}}
.. content
{{/if}}
我提到这一点是为了简单起见，也因为这是一个可能快速且有帮助的答案，同时仍然符合Handlebars的无逻辑性质。
另一种替代方法是在#if中使用函数名。#if将检测参数是否为函数，如果是，则调用它并使用其返回值进行真实性检查。下面的myFunction得到当前的上下文。
{{#if myFunction}}
I'm Happy!
{{/if}}
我发现了一个用CoffeeScript制作的npm包，它有很多令人难以置信的有用的把手助手。在下面的URL中查看文档:
https://npmjs.org/package/handlebars-helpers
您可以执行wget http://registry.npmjs.org/handlebars-helpers/-/handlebars-helpers-0.2.6.tgz来下载它们并查看包的内容。
您将能够执行如下操作:{{#is number 5}}或{{formatDate date "%m/%d/%Y"}}
