Reaktyvumas Angular
Esant bet kokiems viešųjų savybių pakeitimams, šablonas reaguos reaktyviai, tai yra, akimirksniu keisis. Taip veikia reaktyvumas Angular.
Pažiūrėkime į pavyzdį. Tarkime, mes turime savybę, kurioje yra tekstas:
export class AppComponent {
public text: string = '';
}
Atvaizduokime mūsų savybę kokiame nors tegė:
<div>
{{ text }}
</div>
Dabar sukurkime mygtuką, kurį paspaudus būtų iškviečiamas klasės metodas:
<button (click)="show()">
show
</button>
Šiame metode pakeisime tekstą:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Dabar, jei paleisime kodą ir paspausime mygtuką, tekstas div elemente pasikeis iš karto po paspaudimo.
Sukurkite div ir du mygtukus. Padarykite taip, kad paspaudus pirmąjį mygtuką div'e atsirastų vienas tekstas, o paspaudus antrajį - kitas tekstas.
