在requireJS中的把手帮手

Question

我正在创建一个帮助器,输出7或8行HTML来清理我的模板(并遵守DRY - 嘿,押韵 - wikka wikka).

这是调用addOn帮助程序的示例

{{#each promotion.CampaignColors}}
    {{{addOn . CampaignColorType.Code CampaignColorType.Name HexColor "some content" "a title"}}}
{{/each}}

现在,根据我的理解,上下文之后的所有内容都应该是一个名为options的哈希.这是我的addOn.js的存根

define([
    'handlebars',
    'hbs!templates/addOn',
], function (Handlebars, AddOnTemplate) {
    function addOn(context, options) {
        var data = {};
        var compiledTemplate = AddOnTemplate(data);
        console.log(compiledTemplate);
        return compiledTemplate;
    }

    Handlebars.registerHelper('addOn', addOn);
    return new Handlebars.SafeString(addOn);
});

但是,选项仅设置为我传递的第一个参数.如果我将方法签名更改为:

function addOn(context, key, displayName, value, content, title, test, options) {
...
}

..我的每个值都被设置,并且选项NOW成为具有空哈希的对象.

声明params明确有效,但我更喜欢使用hash.有关如何做到这一点的任何想法？

Answer 1

来自Handlebars 文档中的助手：

Handlebars 帮助程序调用是一个简单的标识符，后跟零个或多个参数（用空格分隔）。每个参数都是一个 Handlebars 表达式。
[...]
Handlebars 助手还可以接收可选的键值对序列作为其最终参数（在文档中称为哈希参数）。哈希参数中的键必须是简单标识符，值是 Handlebars 表达式。这意味着值可以是简单的标识符、路径或字符串。

要将您的参数用作散列，您可以将您的助手称为

{{{addOn . Code=CampaignColorType.Code HexColor=HexColor Content="some content"}}}

options.hash他们将像你的助手一样可用

define(['handlebars'], function (Handlebars) {
    function addOn(context, options) {
        console.log(options.hash);
    }

    Handlebars.registerHelper('addOn', addOn);
    return new Handlebars.SafeString(addOn);
});