Mifumo ya Mmenyuko katika Angular

Mfumo wa mmenyuko pia utafanya kazi katika kitanzi ngFor. Hii inamaanisha kuwa mabadiliko katika safu, yataonyeshwa mara moja kwenye skrini.

Tujaribu kwa vitendo. Hebu tuseme tuna safu ifuatayo:

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

Tuonyeshe safu yetu kwa kutumia kitanzi kwenye orodha:

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

Tutengeneze kifungo, kubofya ambacho kitaitewa njia ya darasa:

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

Katika njia hii tutabadilisha safu yetu kwa namna fulani, kwa mfano, tuongeze kipengele kipya ndani yake:

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

Sasa, ikiwa utaendesha msimbo na kubonyeza kifungo, basi mara baada ya kubonyeza kwenye orodha kipengele kipya kitatokea.

Imetolewa safu. Onyesha vipengele vyake kwa kutumia kitanzi. Tengeneza kifungo, kubofya ambacho kipengele cha mwisho kitaondolewa kutoka kwenye safu.