Անգուլարում ռեակտիվություն

Հանրային հատկությունների ցանկացած փոփոխության դեպքում, կաղապարը կարձագանքի ռեակտիվ, այսինքն՝ կփոխվի ակնթարթորեն: Ահա թե ինչպես է աշխատում ռեակտիվությունը Անգուլարում:

Դիտարկենք մի օրինակ: Ենթադրենք, մենք ունենք մի հատկություն, որը պարունակում է տեքստ.

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

Եկեք ցուցադրենք մեր հատկությունը ինչ-որ թեգում.

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

Հիմա ստեղծենք մի կոճակ, որի վրա կտտացնելիս կկանչվի դասի մեթոդ.

app/app.component.html<button (click)="show()">
  ցուցադրել
</button>

Այս մեթոդում մենք կփոխենք տեքստը.

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

Հիմա, եթե գործարկենք կոդը և կտտացնենք կոճակին, ապա կտտացնելուց անմիջապես հետո կփոխվի թիվում գտնվող տեքստը: