Реактивӣ дар 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';
	}
}

Ҳоло, агар рамзро оғоз кунед ва тугмаро фишор диҳед, пас аз фишор додан матн дар див фавран тағйир меёбад.

Як див ва ду тугма созед. Чорабиниед, ки бо фишор додан ба тугмаи аввал дар див як матн пайдо шавад, ва бо фишор додан ба тугмаи дуюм - матни дигар.