Angular-da Reaktiv Dovrler
Reaktivlik dovrun icinde de ngFor
isleyecek. Bu o demekdir ki, massivde
deyisiklikler bas verdikde, bu deyisiklikler
derhal ekranda eks olunacaq.
Gelin praktikada sinaq edek. Tutaq ki, bizim asagidaki massivimiz var:
export class AppComponent {
public arr: string[] = ['a', 'b', 'c', 'd'];
}
Massivimizi dovrun icinde siyahi kimi cixartaq:
<ul>
<li *ngFor="let elem of arr">
{{ elem }}
</li>
</ul>
Klikleyende sinif metodunu cagiran bir duyme edek:
<button (click)="add()">
add
</button>
Bu metodda massivimizi nece ise deyisdirek, meselen, ona yeni element elave edek:
export class AppComponent {
public text: string = '';
public add(): void {
this.arr.push('!');
}
}
Indi kodu ise saldiqda ve duymeye basdiqda, basdiqdan derhal sonra siyahida yeni bir element peyda olacaq.
Massiv verilmisdir. Onun elementlerini dovrun icinde cixarin. Massivden sonuncu elementin silineceyi bir duyme edin.
