Wiązanie procedur obsługi zdarzeń w szablonie Angular
W Angularze procedury obsługi zdarzeń są wiązane do tagów w specjalny sposób - za pomocą atrybutów. W okrągłych nawiasach podaje się nazwę zdarzenia, a w wartości atrybutu wywołuje się metodę klasy komponentu, która ma się wykonać w związku z tym zdarzeniem.
Dla przykładu zróbmy tak, aby po
kliknięciu na przycisk wykonała się metoda show
klasy komponentu:
<button (click)="show()">
button
</button>
Napiszmy teraz implementację metody show
w klasie komponentu:
export class AppComponent {
public show(): void {
alert('test');
}
}
Zrób dwa przyciski. Po kliknięciu na pierwszy przywitaj się z użytkownikiem, a po kliknięciu na drugi - pożegnaj się z nim.