把手/小胡子 - 失踪的助手:'偏爱'

时间:2015-09-01 16:32:05

标签: templates mustache handlebars.js partial

我正试图掌握Handlebars / Moustache以构建原子设计(àlaPatternLab)。

我做得很好,但我偶然发现了尝试定义部分内容。

这是我的例子:

{{#partial 'selectOption' }}
<option value="{{value}}" label="{{label}}" {{#disabled}}disabled{{/disabled}} {{#selected}}selected{{/selected}}>{{text}}</option>
{{/partial}}

{{#.}}
    <select name="{{name}}" id="{{ID}}" class="selectField selectList {{cssString}}" {{{htmlAttributes}}}>
        {{#optGroups}}
            <optGroup {{#disabled}}disabled{{/disabled}} label="{{label}}">
                {{#options}}
                    {{> selectOption}}
                {{/options}}
            </optGroup>
        {{/optGroups}}
        {{#options}}
            {{> selectOption}}
        {{/options}}
    </select>
{{/.}}

我想要实现的是为'选项'标签创建一个部分。我整个下午都在爬满谷歌,所以整个下午试图让我的头围绕这个,这是我最接近的。

然而,当我尝试运行时,我得到:未捕获错误:缺少助手:'部分'

我认为部分内置于车把,但如果不是,我想我必须将其安装为帮手?我试图解决这个问题,但无济于事。

车把网站上的示例似乎不起作用(或者我将它们复制到错误的位置)。

任何帮助?

1 个答案:

答案 0 :(得分:2)

好的,所以新鲜的眼睛和良好的夜晚睡眠再次解决了这个问题。 我不知何故使用v2.0.0的把手而不是最新的(v4.0.0)。

更新后,我现在可以使用以下语法创建内联部分:

{{#*inline "selectOption"}}
<option value="{{value}}" label="{{label}}" {{#disabled}}disabled{{/disabled}} {{#selected}}selected{{/selected}}>{{text}}</option>
{{/inline}}

希望这对其他人有用。