Реактивност у 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';
	}
}

Сада, ако покренемо код и кликнемо на дугме, текст у div-у ће се променити одмах након клика.

Направите div и два дугмета. Уредите тако да се кликом на прво дугме у div уписати један текст, а кликом на друго - други текст.