Event Handler Binding in Angular Templates

In Angular werden Event-Handler auf besondere Weise an Tags gebunden - mit Hilfe von Attributen. In runden Klammern wird der Name des Events angegeben, und im Attributwert wird die Methode der Komponentenklasse aufgerufen, die bei diesem Event ausgeführt werden soll.

Lassen Sie uns als Beispiel dafür sorgen, dass bei einem Klick auf eine Schaltfläche die Methode show der Komponentenklasse ausgeführt wird:

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

Schreiben wir nun die Implementierung der Methode show in der Komponentenklasse:

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

Erstellen Sie zwei Schaltflächen. Bei einem Klick auf die erste soll der Benutzer begrüßt werden, und bei einem Klick auf die zweite - sich von ihm verabschiedet werden.