Angularda reaksiýalýandygy

Açyk aýratynlyklaryň üýtgemegi bilen, şablon reaksiýalylýk bilen jogap berer, ýagny derrew üýtgerer. Angularda reaksiýalylýk şeýle işleýär.

Mysal üçin seredeliň. Bizde bir tekst saklaýan aýratynlyk bolsun:

app/app.component.tsexport class AppComponent {
  public text: string = '';
}

Bu aýratynlygy bir belli bir tegda görkezeliň:

app/app.component.html<div>
  {{ text }}
</div>

Indi bir düwme düzeliň, oňa basylanda klas metodyny çagyrsyn:

app/app.component.html<button (click)="show()">
  show
</button>

Bu metoda teksty üýtgedeliň:

app/app.component.tsexport class AppComponent {
  public text: string = '';
  
  public show(): void {
    this.text = 'hello';
  }
}

Indi kody işledip, düwmä bassaňyz, diwdeki tekst derrew üýtgerer.