Event Handler Binding i Angular-skabeloner
I Angular bindes event handlers til tags på en speciel måde - ved hjælp af attributter. I de runde parenteser angives begivenhedens navn, og i attributtets værdi kaldes metoden fra komponentklassen, som skal udføres ved denne begivenhed.
Lad os for eksempel gøre sådan, at ved
et klik på knappen udføres metoden show
fra komponentklassen:
<button (click)="show()">
knap
</button>
Lad os nu skrive implementeringen af metoden show
i komponentklassen:
export class AppComponent {
public show(): void {
alert('test');
}
}
Lav to knapper. Ved klik på den første skal du hilse på brugeren, og ved klik på den anden - sig farvel til ham/hende.