Reaktiivsus Angularis
Iga muutuse korral avalikes omadustes, reageerib mall reaktiivselt, see tähendab kohe muutudes. Nii toimib reaktiivsus Angularis.
Vaatame näidet. Olgu meil omadus, mis sisaldab teksti:
export class AppComponent {
public text: string = '';
}
Kuvame oma omaduse mõnes sildis:
<div>
{{ text }}
</div>
Teeme nüüd nupu, millele klõpsates kutsutakse välja klassi meetod:
<button (click)="show()">
show
</button>
Selles meetodis muudame teksti:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Nüüd, kui käivitada kood ja vajutada nuppu, siis kohe pärast vajutust muutub tekst div-is.
Tehke div ja kaks nuppu. Tehke nii, et esimesele nupule vajutades ilmub div-i üks tekst ja teisele nupule vajutades - teine tekst.
