Angularда реактивлик

Оммавий хоссалардаги ўзгаришларда, шаблон реактив равишда жавоб беради, яъни дарҳол ўзгаради. Angularда реактивлик шундай ишлайди.

Келинг, бир мисолда кўрамиз. Бизда матнни ўз ичига олган хосса бор дейлик:

export class AppComponent {
	public text: string = '';
}

Хоссамизни бирор тегда чиқарамиз:

<div>
	{{ text }}
</div>

Энди бизга сиқилганда класснинг методаси чақириладиган тугма ясаймиз:

<button (click)="show()">
	show
</button>

Ушбу метода матнни ўзгартирамиз:

export class AppComponent {
	public text: string = '';
	
	public show(): void {
		this.text = 'hello';
	}
}

Энди, агар кодни ишга тушириб, тугмани боссак, босилиши билан дивдаги матн ўзгаради.

Бир див ва иккита тугма ясанг. Биринчи тугма босилганда дивга бир матн, иккинчи тугма босилганда бошқа матн тушиши учун қилинг.