Reaktivita v Angular
Při jakýchkoli změnách veřejných vlastností šablona bude reagovat reaktivně, tedy se okamžitě měnit. Tak funguje reaktivita v Angular.
Podívejme se na příklad. Předpokládejme, že máme vlastnost obsahující text:
export class AppComponent {
public text: string = '';
}
Vypišme naši vlastnost v nějakém tagu:
<div>
{{ text }}
</div>
Nyní vytvořme tlačítko, na jehož kliknutí se bude volat metoda třídy:
<button (click)="show()">
show
</button>
V této metodě změníme text:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Nyní, pokud kód spustíme a stiskneme tlačítko, text v divu se změní ihned po stisknutí.
Vytvořte div a dvě tlačítka. Zařiďte, aby po stisknutí prvního tlačítka se do divu dostal jeden text a po stisknutí druhého - jiný text.
