Angular shablonida hodisa qayta ishlovchilarini bog‘lash

Angular-da hodisa qayta ishlovchilar teglarga alohida usulda - atributlar yordamida bog‘lanadi. Qavs ichida hodisa nomi ko‘rsatiladi, atribut qiymatida esa shu hodisa yuz berganda ishga tushiriladigan komponent klassining metodi chaqiriladi.

Misol uchun, tugmacha bosilganda komponent klassining show metodi bajarilishini ta'minlaymiz:

<button (click)="show()">
	button
</button>

Endi show metodining realizatsiyasini komponent klasida yozamiz:

export class AppComponent {
	public show(): void {
		alert('test');
	}
}

Ikkita tugmacha yarating. Birinchisiga bosilganda foydalanuvchini salomlang, ikkinchisiga bosilganda esa undan xayrlashing.