☰

ハンドルバーの各ヘルパーのインデックスを取得するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript handlebars.js
ハンドルバーの各ヘルパーのインデックスを取得するにはどうすればいいですか? 質問する

プロジェクトのテンプレート作成に Handlebars を使用しています。Handlebars で「each」ヘルパーの現在の反復のインデックスを取得する方法はありますか?

<tbody>
     {{#each item}}
         <tr>
            <td><!--HOW TO GET ARRAY INDEX HERE?--></td>
            <td>{{this.key}}</td>
            <td>{{this.value}}</td>
         </tr>
     {{/each}}
</tbody>

ベストアンサー1

新しいバージョンの Handlebars では、インデックス (またはオブジェクトの反復処理の場合はキー) が標準の各ヘルパーでデフォルトで提供されます。

抜粋:https://github.com/wycats/handlebars.js/issues/250#issuecomment-9514811

現在の配列項目のインデックスは、@index 経由で以前から利用可能でした。

{{#each array}}
    {{@index}}: {{this}}
{{/each}}

オブジェクトの反復処理には、代わりに @key を使用します。

{{#each object}}
    {{@key}}: {{this}}
{{/each}}

おすすめ記事