12

是否可以将 JavaScript 对象/散列传递给 Handlebars 助手调用？我想做这样的事情：

<label>Label here</label>
{{#textField {'id':'text_field_1', 'class':'some-class', size:30} }}{{/textField}}
<p>Help text here.</p>

这是一个 jsFiddle。目前它产生以下错误

Uncaught Error: Parse error on line 3:
...bel>  {{#textField {'id':'text_field_1'
----------------------^
Expecting 'CLOSE', 'CLOSE_UNESCAPED', 'STRING', 'INTEGER', 'BOOLEAN', 'ID', 'DATA', 'SEP', got 'INVALID'

或者，我可能会这样做并拆分'，'，但我不喜欢语法：

{{#textField "'id'='text_field_1','class'='some-class',size=30"}}{{/textField}}

注意：我特别不想将数据/属性（id、类、大小等）作为 JSON 对象传递到 template() 方法中。我想要模板中的所有内容。

4

2 回答 2

14

解决了。我这样做了：

帮手：

Handlebars.registerHelper('textField', function(options) {
    var attributes = [];

    for (var attributeName in options.hash) {
      attributes.push(attributeName + '="' + options.hash[attributeName] + '"');
    }

    return new Handlebars.SafeString('<input type="text" ' + attributes.join(' ') + ' />');
});

和模板：

<label>Label here</label>
{{textField id="text_field_1" class="some-class" size="30" data-something="data value"}}
<p>Help text here.</p>

根据文档（页面底部），您可以将可变数量的参数传递给辅助方法，它们将在 options.hash 中可用（假设“选项”是辅助方法的参数）。这样做的另一个好处是您可以使用命名参数，而参数顺序无关紧要。

于 2013-08-06T19:33:43.673 回答
10

我找到了另一种传递对象的最佳方法。

模板：

{{textField dataAttribs='{"text":"Hello", "class": "text-field"}'}}

帮手：

Handlebars.registerHelper('textField', function(options) {
    var attribs;

    attribs = JSON.parse(options.hash.dataAttribs);
    console.log(attribs.text + " -- " + attribs.class);
    ......
    ........
});

JSFiddle 为此

于 2013-08-31T08:26:33.060 回答