javascript - Handlebars 模板占位符的默认值

Question

我可以为 Handlebars 模板占位符指定默认值吗？

<script type="x-handlebars-template" id="menu-edit-form-tpl">
    <form method="{{method}}" action="{{action}}" class="menu-edit-form">
...                     
    </form>
</script>

我可以为 {{method}} 和 {{action}} 指定默认值并在传递给已编译模板的对象中跳过它们吗？

Answer 1

Handlebars 没有“默认值”。
您应该使用 {{#if}} 语句来检查属性是否设置。

<script type="x-handlebars-template" id="menu-edit-form-tpl">
    <form method="{{#if method}}{{method}}{{else}}POST{{/if}}" action="{{#if action}}{{action}}{{else}}/{{/if}}" class="menu-edit-form">
...
    </form>
</script>

或者，如果您想要更简洁的语法，请使用简单的帮助器:

Handlebars.registerHelper('safeVal', function (value, safeValue) {
    var out = value || safeValue;
    return new Handlebars.SafeString(out);
});

它允许你这样写:

<script type="x-handlebars-template" id="menu-edit-form-tpl">
    <form method="{{safeVal method 'POST'}}" action="{{safeVal action '/'}}" class="menu-edit-form">
...
    </form>
</script>