Lần lặp cuối cùng của vòng lặp trong Angular
Khi lặp qua *ngFor và @for
có thể xác định lần lặp cuối cùng của vòng lặp
bằng biến last.
Ví dụ cho directive *ngFor:
<ul>
<li *ngFor="let el of arr; let last = last">
{{ last ? 'đầu tiên' : '' }}
{{ el }}
</li>
</ul>
Ví dụ cho cấu trúc @for:
<ul>
@for (el of arr; track $index) {
<li>
{{ $last ? 'cuối cùng' : '' }}
{{ el }}
</li>
}
</ul>
Cho mảng:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Hãy xuất các phần tử của mảng dưới dạng danh sách
ul, tô màu li cuối cùng thành
màu đỏ.
Cho mảng:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Hãy xuất các phần tử của mảng dưới dạng danh sách
ul, tô màu li đầu tiên thành
màu đỏ, và cái cuối cùng - thành màu xanh lá.
