javascript - 检查 Handlebars 中是否存在变量

Question

我有一个像这样的 javascript 对象:

var data = {
"current" : 0,
"max" : 5,
"reward" : 5
};

我正在使用像这样的 Handlebars 用这些数据创建一个 HTML:

<div>
<span>Current : {{current}}</span>
<span>Max : {{max}}</span>
<span>Reward: {{reward}}</span>
</div>

现在的问题是，奖励属性可能并不总是存在于数据中，在这种情况下我不想显示该跨度。所以，我做了以下内容:-

{{#if reward}}
 <span>Reward: {{reward}}</span>
{{/if}}

它正在工作，如果奖励属性不存在，它不会显示跨度，但如果奖励的值为 0，它也不会显示跨度，有人可以建议如何解决它。我可以使用一些辅助功能。但是，我可以在不使用任何辅助函数的情况下做到这一点吗？

Answer 1

这是设计使然 if 检查 falsy 值参见 handlebarsjs.com

You can use the if helper to conditionally render a block. If its argument returns false, undefined, null, "" or [] (a "falsy" value), Handlebars will not render the block.

有一个 includeZero 选项，用法如下:

{{#if reward includeZero=true}}
{{/if}}

您可以在此处查看助手的实现:on github