Անգուլարում ռեակտիվություն
Հանրային հատկությունների ցանկացած փոփոխության դեպքում, կաղապարը կարձագանքի ռեակտիվ, այսինքն՝ կփոխվի ակնթարթորեն: Ահա թե ինչպես է աշխատում ռեակտիվությունը Անգուլարում:
Դիտարկենք մի օրինակ: Ենթադրենք, մենք ունենք մի հատկություն, որը պարունակում է տեքստ.
export class AppComponent {
public text: string = '';
}
Եկեք ցուցադրենք մեր հատկությունը ինչ-որ թեգում.
<div>
{{ text }}
</div>
Հիմա ստեղծենք մի կոճակ, որի վրա կտտացնելիս կկանչվի դասի մեթոդ.
<button (click)="show()">
ցուցադրել
</button>
Այս մեթոդում մենք կփոխենք տեքստը.
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'բարև';
}
}
Հիմա, եթե գործարկենք կոդը և կտտացնենք կոճակին, ապա կտտացնելուց անմիջապես հետո կփոխվի թիվում գտնվող տեքստը:
Ստեղծեք մի թիվ և երկու կոճակ: Կարգավորեք այնպես, որ առաջին կոճակի վրա կտտացնելիս թիվում հայտնվի մեկ տեքստ, իսկ երկրորդի վրա կտտացնելիս ՝ մեկ այլ տեքստ:
