การวนซ้ำครั้งแรกใน 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 แรกมี
สีแดง
