Angularda Reaktivlik
Ochiq xususiyatlardagi har qanday o'zgarishlarga shablon reaktiv tarzda javob beradi, ya'ni darhol o'zgaradi. Angular-da reaktivlik shunday ishlaydi.
Keling, bir misolni ko'rib chiqaylik. Faraz qilaylik, bizda matnni o'z ichiga olgan xususiyat mavjud:
export class AppComponent {
public text: string = '';
}
Keling, ushbu xususiyatimizni biron bir tegga chiqaraylik:
<div>
{{ text }}
</div>
Endi, bosilganda klass metodini chaqiradigan tugma yaratamiz:
<button (click)="show()">
show
</button>
Ushbu metodda matnni o'zgartiramiz:
export class AppComponent {
public text: string = '';
public show(): void {
this.text = 'hello';
}
}
Endi, agar kodni ishga tushirsak va tugmani bossak, bosishdan so'ng darhol divdagi matn o'zgaradi.
Bitta div va ikkita tugma yarating. Birinchi tugma bosilganda divga bitta matn, ikkinchi tugma bosilganda boshqa matn tushishi uchun sozlang.
