Реактивност во 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 да се појави еден текст, а при клик на второто - друг текст.