213

次のような 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予想どおり、すべての要素のandtitleフィールドにアクセスしてmyCollection、select を生成できます。また、選択範囲外では、externalValue変数が正しく出力されます (「myExternalValue」)。

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

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

4

3 に答える 3

513

試す

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

パス セグメントは../、必要な親テンプレート スコープを参照します。

于 2012-11-30T12:30:40.783 に答える