Рэактыўнасць у 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';
	}
}

Цяпер, калі запусціць код і націснуць на кнопку, то адразу пасля націску зменіцца тэкст у дыве.

Зрабіце дыў і дзве кнопкі. Зрабіце так, каб па націску на першую кнопку ў дыў трапіў адзін тэкст, а па націску на другую - іншы тэкст.