For конструкцијата во Angular

Циклусот по елементите на низата може исто така да се стартува со помош на конструкцијата @for.

Ајде да испробаме во пракса. Нека повторно во нашиот компонент има низа:

export class AppComponent {
	public arr: number[] = [1, 2, 3, 4, 5];
}

Да го разгледаме синтаксата на конструкцијата:

@for () {
	тагови
}

Да ја наведеме низата за пребарување и променливата, во која ќе влегуваат елементите:

@for (elem of arr) {
	тагови
}

Сепак, ова сè уште не е сè. За коректна работа на Angular, мора да наведеме специјална команда track. После неа мораме да наведеме некоја уникатна вредност за секој елемент од низата. Ова е потребно за тоа Angular да може пооптимално да работат со DOM. Ајде како таква уникатна вредност да го земеме бројот на елементот од низата. За ова, мора да ја наведеме променливата $index. Значи, еве го нашиот конечен код:

@for (elem of arr; track $index) {
	<div>
		{{ elem }}
	</div>
}

Дадена е низа:

export class AppComponent {
	public arr: numbers[] = [1, 2, 3, 4, 5];
}

Прикажете го секој елемент од оваа низа во посебен пасус.