Reactivlik Angular-da
Ictimai xassələrdə hər hansı dəyişiklik olduqda, şablon reactiv şəkildə reaksiya verəcək, yəni dərhal dəyişəcək. Angular-da reactivlik belə işləyir.
Gəlin bir nümunəyə baxaq. Tutaq ki, bizim mətni ehtiva edən bir xassəmiz var:
export class AppComponent {
public text: string = '';
}
Gəlin xassəmizi hər hansı bir teq-də çıxaraq:
<div>
{{ text }}
</div>
İndi isə kliklədikdə sinif metodunu çağıracaq bir duymə edək:
<button (click)="show()">
show
</button>
Bu metodun içində mətni dəyişək:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
İndi kodu işə salıb duyməni klikləsək, dərhal klikdən sonra div-dəki mətn dəyişəcək.
Bir div və iki duymə edin. Elə edin ki, birinci duyməni kliklədikdə div-ə bir mətn, ikinci duyməni kliklədikdə isə başqa bir mətn daxil olsun.
