Reaktiviteit in Angular
Met enige veranderinge aan publieke eienskappe, sal die sjabloon reaktief reageer, dit wil sê onmiddellik verander. Dit is hoe reaktiviteit in Angular werk.
Kom ons kyk na 'n voorbeeld. Laat ons sê ons het 'n eienskap wat teks bevat:
export class AppComponent {
public text: string = '';
}
Laat ons ons eienskap in 'n etiket uitskryf:
<div>
{{ text }}
</div>
Laat ons nou 'n knoppie maak waarop 'n klik 'n metode in die klas sal oproep:
<button (click)="show()">
show
</button>
In hierdie metode sal ons die teks verander:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Nou, as jy die kode uitvoer en op die knoppie druk, sal die teks in die div onmiddellik na die druk verander.
Maak 'n div en twee knoppies. Maak dit so dat by 'n druk op die eerste knoppie een teks in die div verskyn, en by 'n druk op die tweede - 'n ander teks.
