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';
	}
}

Эми, эгерде кодду иштетип, баскычка бассаңыз, анда басуу менен эле дивдеги текст өзгөрөт.

Бир див жана эки баскыч жасаңыз. Биринчи баскычка басуу менен дивге бир текст, экинчи баскычка басуу менен - башка текст келиши керек.