每個循環訪問 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)  {