Reaktivita v Angular
Pri akýchkoľvek zmenách verejných vlastností šablóna bude reagovať reaktívne, to znamená okamžite sa meniť. Takto funguje reaktivita v Angular.
Pozrime sa na príklad. Nech máme vlastnosť, ktorá obsahuje text:
export class AppComponent {
public text: string = '';
}
Vypíšme našu vlastnosť v nejakom tagu:
<div>
{{ text }}
</div>
Teraz vytvorme tlačidlo, po kliknutí na ktoré sa bude volať metóda triedy:
<button (click)="show()">
show
</button>
V tejto metóde zmeňme text:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Teraz, ak spustíme kód a stlačíme tlačidlo, tak ihneď po stlačení sa zmení text v div-e.
Vytvorte div a dve tlačidlá. Zaistite, aby po stlačení prvého tlačidla sa do div-u dostal jeden text a po stlačení druhého - iný text.
