每个循环访问 Handlebars.js 的 scope 之外的变量

Question

我有一个 handlebars.js 模板，就像这样：

{{externalValue}}

<select name="test">
    {{#each myCollection}}
       <option value="{{id}}">{{title}} {{externalValue}}</option>
    {{/each}}
</select>

这是生成的 output：

myExternalValue

<select name="test">
       <option value="1">First element </option>
       <option value="2">Second element </option>
       <option value="3">Third element </option>
</select>

正如预期的那样，我可以访问myCollection的每个元素的id和title字段来生成我的 select。 在 select 之外，我的externalValue变量被正确打印（“myExternalValue”）。

不幸的是，在选项的文本中， externalValue值永远不会被打印出来。

我的问题是：如何从循环内访问每个 handlebars.js 的 scope 之外的变量？

Answer 1

我有一个 handlebars.js 模板，就像这样：

{{externalValue}}

<select name="test">
    {{#each myCollection}}
       <option value="{{id}}">{{title}} {{externalValue}}</option>
    {{/each}}
</select>

这是生成的输出：

myExternalValue

<select name="test">
       <option value="1">First element </option>
       <option value="2">Second element </option>
       <option value="3">Third element </option>
</select>

正如预期的那样，我可以访问myCollection的每个元素的id和title字段来生成我的选择。 在选择之外，我的externalValue变量被正确打印（“myExternalValue”）。

不幸的是，在选项的文本中， externalValue值永远不会打印出来。

我的问题是：如何从循环中访问每个 handlebars.js 范围之外的变量？

Answer 2

我有一个 handlebars.js 模板，就像这样：

{{externalValue}}

<select name="test">
    {{#each myCollection}}
       <option value="{{id}}">{{title}} {{externalValue}}</option>
    {{/each}}
</select>

这是生成的输出：

myExternalValue

<select name="test">
       <option value="1">First element </option>
       <option value="2">Second element </option>
       <option value="3">Third element </option>
</select>

正如预期的那样，我可以访问myCollection的每个元素的id和title字段来生成我的选择。 在选择之外，我的externalValue变量被正确打印（“myExternalValue”）。

不幸的是，在选项的文本中， externalValue值永远不会打印出来。

我的问题是：如何从循环中访问每个 handlebars.js 范围之外的变量？

Answer 3

我有一个 handlebars.js 模板，就像这样：

{{externalValue}}

<select name="test">
    {{#each myCollection}}
       <option value="{{id}}">{{title}} {{externalValue}}</option>
    {{/each}}
</select>

这是生成的输出：

myExternalValue

<select name="test">
       <option value="1">First element </option>
       <option value="2">Second element </option>
       <option value="3">Third element </option>
</select>

正如预期的那样，我可以访问myCollection的每个元素的id和title字段来生成我的选择。 在选择之外，我的externalValue变量被正确打印（“myExternalValue”）。

不幸的是，在选项的文本中， externalValue值永远不会打印出来。

我的问题是：如何从循环中访问每个 handlebars.js 范围之外的变量？

Answer 4

不是原始问题的答案，但我遇到了类似的问题 - 我有一个自定义助手，它没有在其中呈现变量。

我的助手类似于把手if助手，所以它不应该需要../path语法。 原来我在注册助手时使用了粗箭头 function ， this在粗箭头 function中是不同的。

Handlebars.registerHelper('ifeq', (v1, v2, options) => {    

至

Handlebars.registerHelper('ifeq', function (v1, v2, options)  {