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];
}

Դուրս բերեք այս զանգվածի յուրաքանչյուր տարրը առանձին պարբերության մեջ։