Angular
For Loop

NgFor - Markup For Loop

NgForディレクティブは、 イテラブルからアイテムごとに1回テンプレートをインスタンス化します。インスタンス化された各テンプレートのコンテキストは、指定されたループ変数を反復可能変数の現在の項目に設定して、外部コンテキストから継承します。

デフォルトのトラッキングアルゴリズムをカスタマイズするため、NgForはtrackByオプションをサポートしています。 trackByは、indexとitemという2つの引数を持つ関数をとります。 trackByが指定されている場合、角度トラックは関数の戻り値によって変化します。

<li *ngFor="let item of items; let i = index; trackBy: trackByFn">
    {{i}} - {{item.name}}
</li>

追加オプション ：NgForには、ローカル変数に別名を付けることができるいくつかのエクスポートされた値があります。

• インデックスは各テンプレートコンテキストの現在のループ反復に設定されます。
• 最初にアイテムが反復の最初のアイテムかどうかを示すブール値に設定されます。
• lastはアイテムが反復の最後のアイテムかどうかを示すboolean値に設定されます。
• でもこのアイテムがあってもインデックスを有するかどうかを示すブール値に設定されます。
• oddは、この項目のインデックスが奇数かどうかを示すブール値に設定されます。