Реактивӣ давраҳо дар Angular

Реактивият инчунин дар давраи ngFor кор мекунад. Ин маънои онро дорад, ки ҳангоми тағйирёбиҳо дар массив, ин тағйирҳо дар экран фавран пайдо мешаванд.

Биёед дар амал санҷем. Бигзор мо массиви зеринро дорем:

export class AppComponent {
	public arr: string[] = ['a', 'b', 'c', 'd'];
}

Массиви худро дар як давра ҳамчун рӯйхат бароварда мешавем:

<ul>
	<li *ngFor="let elem of arr">
		{{ elem }}
	</li>
</ul>

Тугмае созем, ки пахш кардани он методи синфро фаро хоҳад хонд:

<button (click)="add()">
	add
</button>

Дар ин метод массиви моро тавре тағйир диҳем, масалан, унсури нав ба он илова кунем:

export class AppComponent {
	public text: string = '';
	
	public add(): void {
		this.arr.push('!');
	}
}

Ҳоло, агар кодро оғоз карда ва тугмаро пахш кунед, пас аз пахш дар рӯйхат як унсури нав пайдо мешавад.

Массив дода шудааст. Унсурҳои онро дар як давра бароварда шавад. Тугмае созед, ки пахш кардани он аз массив унсури охиринро ҳазф мекунад.