web-dev-qa-db-ja.com

handlebars.jsの「each」ループが別の「each」ループ内にある3

動的テーブルを作成したいとします。それぞれの内部でそれぞれを実行するにはどうすればよいですか。現在のアイテムを表す唯一の変数がthisである場合。

   {{#each by_width}}
       {{#each by_height}}
          {{this}} // how do refer to this from the outer loop?
       {{/each}}
   {{/each}}
24
Pol

../を使用して、ハンドルバーテンプレートの親にアクセスできます。

{{#each by_width}}
    {{#each by_height}}
       w: {{../this}}
       h: {{this}}
    {{/each}}
{{/each}}

もちろん、by_heightby_widthの各要素内にあることを前提としています。両方がトップレベルにある場合は、別の../が必要になります。

{{#each by_width}}
    {{#each ../by_height}}
       w: {{../this}}
       h: {{this}}
    {{/each}}
{{/each}}

デモ: http://jsfiddle.net/ambiguous/PNTXw/

63
mu is too short

{{../this}}ではなく{{..this}}と記述してください。

0
Colas