Reactivitatea în Angular
La orice modificare a proprietăților publice, template-ul va reacționa reactiv, adică se va modifica instantaneu. Așa funcționează reactivitatea în Angular.
Să privim un exemplu. Să presupunem că avem o proprietate care conține text:
export class AppComponent {
public text: string = '';
}
Să afișăm proprietatea noastră într-un tag:
<div>
{{ text }}
</div>
Acum să facem un buton, la click pe care va fi apelată o metodă a clasei:
<button (click)="show()">
show
</button>
În această metodă vom schimba textul:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Acum, dacă rulăm codul și apăsăm pe buton, imediat după apăsare se va schimba textul în div.
Creați un div și două butoane. Faceți astfel încât la apăsarea primului buton în div să apară un text, iar la apăsarea celui de-al doilea - alt text.
