Reaktivnost v Angularju
Ob kakršnih koli spremembah javnih lastnosti, se bo predloga odzvala reaktivno, to je takoj spremenila. Tako deluje reaktivnost v Angularju.
Poglejmo si primer. Naj imamo lastnost, ki vsebuje besedilo:
export class AppComponent {
public text: string = '';
}
Izpišimo našo lastnost v kateremkoli tagu:
<div>
{{ text }}
</div>
Zdaj naredimo gumb, ob kliku na katerega se bo klicala metoda razreda:
<button (click)="show()">
show
</button>
V tej metodi spremenimo besedilo:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Zdaj, če zaženemo kodo in pritisnemo na gumb, se bo besedilo v divu spremenilo takoj po kliku.
Naredite div in dva gumba. Naredite tako, da ob pritisku na prvi gumb v div prikaže eno besedilo, ob pritisku na drugega - pa drugo besedilo.
