Angularでのループの偶数イテレーション
*ngForと@forによる反復処理では、
変数evenを使用してループの偶数イテレーションを
判定できます。
*ngForディレクティブの例：
<ul>
<li *ngFor="let el of arr; let even = even">
{{ even ? '偶数' : 'なし' }}
{{ el }}
</li>
</ul>
@for構造の例：
<ul>
@for (el of arr; track $index) {
<li>
{{ $even ? '偶数' : 'なし' }}
{{ el }}
</li>
}
</ul>
以下の配列があります：
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
配列の要素をulリストとして表示し、
偶数番目のliは赤色、奇数番目のliは
緑色で色付けしてください。
