车把 #if 和数字零

Question

在我的 Handlebars 模板中，我检查变量是否存在，如果存在则渲染一些文本：

{{#if foo}}
  some text
{{/if}}

如果 foo 是文本或 foo 是数字但不为零，这很好用。但是如果

var foo = 0;

然后{{#if foo}} 返回 false。

这似乎是另一个 Javascript 怪异，因为 Javascript 本身的行为方式相同。但是，在 Javascript 代码中，您可以通过检查变量是否为“未定义”来解决此问题。

如何在 Handlebars 中做同样的事情？

我可以写一个 {{#exists}} 助手，但我希望有一些内置的东西。

Answer 1

为此内置了一些东西：

{{#if foo includeZero=true}}
    foo!
{{/if}}

当foo 为0 时，这将显示foo!。

Answer 2

我会做得更好，并为 {{else}} 条件提供一个案例...

/**
 * The {{#exists}} helper checks if a variable is defined.
 */
Handlebars.registerHelper('exists', function(variable, options) {
    if (typeof variable !== 'undefined') {
        return options.fn(this);
    } else {
        return options.inverse(this);
    }
});

现在你可以拥有：

{{#exists myvar}}
  <p>Value of myvar is ... {{myvar}}</p>
{{else}}
  <p>Please supply a myvar</p>
{{/exists}}

Answer 3

我只是继续写了一个 {{#exists}} 助手。但如果有人有更好的解决方案，请发布。

/**
 * The {{#exists}} helper checks if a variable is defined.
 */
Handlebars.registerHelper('exists', function(variable, options) {
    if (typeof variable !== 'undefined') {
        return options.fn(this);
    }
});

Answer 4

如果有人使用@Shane 方法收到此错误“期望'ID'，'DATA'，得到'SEP'”，请确保您没有空格：

{{ /exist }}

把它改成这样：

{{/exist}}