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