如何在handlebar {{@index}}变量上使用关系运算符?

时间:2014-09-02 12:45:04

标签: html if-statement handlebars.js

我们如何在{{@index}}变量上使用条件运算符,以便我们只能打印json中的偶数记录。

{{#each options}}

if({{@index}}%2 == 0)//

{

打印记录

}

其他

{

这是一个奇怪的记录

}

{{/每}}

1 个答案:

答案 0 :(得分:3)

你想要做的逻辑必须是辅助函数。您不能将这样的关系运算符直接放入把手模板中。它是故意设计的。助手很容易创建和使用。请参阅http://handlebarsjs.com/#helpers更多信息。

仅供参考,我使用的一个非常常见的助手是偶数/奇数助手:

hbs.registerHelper("stripes", function(index) {
     return (index % 2 === 0 ? "even" : "odd");
});

我使用这样的方法将一个“偶数”或“奇怪”的类名放在一行:

<div class="row {{{stripes @index}}}"> 
    ... other content
</div>

我不太明白你在你的例子中想要做什么,但你可以用一个简单的CSS规则隐藏所有奇怪的记录,或者你可以把更多的逻辑放到帮助器里。