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