1. ホーム
  2. javascript

[解決済み] Handlebarsの各ヘルパーのインデックスを取得する方法は?

2022-02-14 18:45:41

質問

私のプロジェクトでは、テンプレートに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>

解決方法は?

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


からのスニペット。 https://github.com/wycats/handlebars.js/issues/250#issuecomment-9514811

現在の配列アイテムのインデックスは、以前から @index を介して利用可能でした。

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

オブジェクトのイテレーションには、代わりに@keyを使用します。

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