Reaktivnost u Angularu
Pri bilo kakvim promenama javnih svojstava, template će reagovati reaktivno, odnosno trenutno se menjati. Tako funkcioniše reaktivnost u Angularu.
Hajde da pogledamo na primeru. Neka imamo svojstvo koje sadrži tekst:
export class AppComponent {
public text: string = '';
}
Ispisaćemo naše svojstvo u nekom tagu:
<div>
{{ text }}
</div>
Sada napravićemo dugme, čijim klikom će se pozivati metoda klase:
<button (click)="show()">
show
</button>
U ovoj metodi ćemo promeniti tekst:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Sada, ako pokrenemo kod i pritisnemo dugme, tekst u div-u će se promeniti odmah nakon pritiska.
Napravite jedan div i dva dugmeta. Podesite tako da pritiskom na prvo dugme u div stigne jedan tekst, a pritiskom na drugo - drugi tekst.
