Reaktiviteti në Angular
Në çdo ndryshim të vetive publike, template do të reagojë reaktivisht, domethënë do të ndryshojë menjëherë. Kështu funksionon reaktiviteti në Angular.
Le të shohim një shembull. Le të themi se kemi një veti që përmban tekst:
export class AppComponent {
public text: string = '';
}
Le ta shfaqim vetinë tonë në një tag:
<div>
{{ text }}
</div>
Tani le të bëjmë një buton, në të cilin duke klikuar do të thirret një metodë e klasës:
<button (click)="show()">
shfaq
</button>
Në këtë metodë le të ndryshojmë tekstin:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'përshëndetje';
}
}
Tani, nëse e ekzekutojmë kodin dhe shtypim butonin, menjëherë pas klikimit do të ndryshojë teksti në div.
Krijoni një div dhe dy butona. Bëni që duke klikuar në butonin e parë në div të shfaqet një tekst, dhe duke klikuar në të dytin - një tekst tjetër.
