Angular'da Reaktivite
Public özelliklerde herhangi bir değişiklik olduğunda, şablon reaktif bir şekilde tepki verecek, yani anında değişecektir. Angular'da reaktivite bu şekilde çalışır.
Bir örnek üzerinden inceleyelim. Bir metin içeren bir özelliğimiz olsun:
export class AppComponent {
public text: string = '';
}
Özelliğimizi bir etiket içinde gösterelim:
<div>
{{ text }}
</div>
Şimdi, tıklandığında bir sınıf metodunu çağıracak bir buton yapalım:
<button (click)="show()">
show
</button>
Bu metotta metni değiştirelim:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Şimdi, kodu çalıştırıp butona basarsak, tıklamadan hemen sonra div içindeki metin değişecektir.
Bir div ve iki buton yapın. İlk butona basıldığında div'e bir metin, ikinci butona basıldığında ise başka bir metin gelsin.
