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를 빨간색으로 칠하세요.
