Eseménykezelők kötése az Angular template-ben
Az Angularban az eseménykezelőket speciális módon kötjük a címkékhez - attribútumok segítségével. A kerek zárójelek között az esemény neve van megadva, az attribútum értékében pedig meghívjuk azt a metódust a komponens osztályból, amelynek az adott esemény hatására végre kell hajtódnia.
Példaként tegyük úgy, hogy a
gombra kattintáskor végrehajtódik a show
metódus a komponens osztályból:
<button (click)="show()">
button
</button>
Most írjuk meg a show metódus
implementációját a komponens osztályban:
export class AppComponent {
public show(): void {
alert('test');
}
}
Készítsen két gombot. Az elsőre kattintva köszönjön a felhasználónak, a másodikra kattintva pedig búcsúzzon el tőle.
