Reaktivitet i Angular
Ved enhver endring av offentlige egenskaper, vil malen reagere reaktivt, det vil si endre seg umiddelbart. Slik fungerer reaktivitet i Angular.
La oss se på et eksempel. La oss si at vi har en egenskap som inneholder tekst:
export class AppComponent {
public text: string = '';
}
La oss vise egenskapen vår i en tagg:
<div>
{{ text }}
</div>
La oss nå lage en knapp, hvor et klikk vil kalle en metode i klassen:
<button (click)="show()">
show
</button>
I denne metoden endrer vi teksten:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Nå, hvis du starter koden og klikker på knappen, vil teksten i div-en endre seg umiddelbart etter klikket.
Lag en div og to knapper. Gjør slik at ved å klikke på den første knappen vises en tekst i div-en, og ved å klikke på den andre - en annen tekst.
