Handlebars.jsの各ループのスコープ外の変数にアクセスする

次のように、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>

予想通り、のすべての要素のidおよびtitleフィールドにアクセスしてmyCollection、selectを生成できます。そして、selectの外では、externalValue変数が正しく出力されます（ "myExternalValue"）。

残念ながら、オプションのテキストでexternalValueは、値は出力されません。

私の質問は、ループ内からそれぞれhandlebars.jsのスコープ外の変数にアクセスするにはどうすればよいですか？

試す

<option value="{{id}}">{{title}} {{../externalValue}}</option>

../パスセグメントは、あなたが望むものである必要があり、親テンプレートのスコープを参照します。

または、次のような絶対パスを使用できます。

<option value="{{id}}">{{title}} {{@root.user.path.to.externalValue}}</option>

このトピックに関するドキュメントについては、404へのリンクがたくさんありました。

私はこれでそれを更新します、それは2020年4月1日に働いています：

https://handlebarsjs.com/guide/expressions.html#path-expressions

#withや#eachなどの一部のヘルパーを使用すると、ネストされたオブジェクトに飛び込むことができます。パスに../セグメントを含めると、ハンドルバーは親コンテキストに戻ります。

    {{#each people}}
    {{../prefix}} {{firstname}} 
    {{/each}}

コメントのコンテキスト内で名前が出力されても、メインコンテキスト（ルートオブジェクト）に戻ってプレフィックスを取得できます。

警告

../が解決する正確な値は、ブロックを呼び出しているヘルパーによって異なります。../の使用は、コンテキストが変更された場合にのみ必要です。{{#each}}などのヘルパーの子では../を使用する必要がありますが、{{＃if}}などのヘルパーの子では必要ありません。

{{permalink}}
{{#each comments}}
  {{../permalink}}

  {{#if title}}
    {{../permalink}}
  {{/if}}
{{/each}}

この例では、異なるブロック内にある場合でも、上記のすべてが同じプレフィックス値を参照しています。この動作はHandlebars 4で新しく追加されました。リリースノートでは、以前の動作と移行計画について説明しています。