Gebeurtenisafhandelaars binden in Angular template
In Angular worden gebeurtenisafhandelaars gebonden aan tags op een speciale manier - met behulp van attributen. In ronde haakjes wordt de naam van de gebeurtenis gespecificeerd, en in de waarde van het attribuut wordt de methode van de componentklasse aangeroepen, die moet worden uitgevoerd bij deze gebeurtenis.
Laten we bijvoorbeeld zo instellen dat bij een
klik op de knop de methode show
van de componentklasse wordt uitgevoerd:
<button (click)="show()">
button
</button>
Laten we nu de implementatie van de methode show
in de componentklasse schrijven:
export class AppComponent {
public show(): void {
alert('test');
}
}
Maak twee knoppen. Bij een klik op de eerste begroet u de gebruiker, en bij een klik op de tweede - neem afscheid van hem.
