使用 Handlebars 自定义辅助方法隐藏 HTML

Question

我有以下自定义 Handlebars 助手：

Handlebars.registerHelper('IsNewUser', function (userId) {
    return (userId < 1);
});

在我看来，下面的 HTML：

{{#IsNewUser Id}}
<div>
    <input name="IsActive" id="user-active" type="checkbox" checked />
    Active
</div>
{{/IsNewUser}}

我可以清楚地看到被击中的函数，userId 参数正确传递，返回是 bool 类型的 true，但不是显示块，而是显示文本“true”。

如何使用 Handlebars 隐藏 HTML 块而不会出错？

Answer 1

在从StackOverflow question 获得一些见解后，我能够修复它。将我的辅助方法更改为以下内容：

Handlebars.registerHelper('IsNewUser', function (userId, options) {
    if (userId < 1)
        return options.fn(this);
    else
        return options.inverse(this);
});