Vinculación de manejadores de eventos en la plantilla Angular
En Angular, los manejadores de eventos se vinculan a las etiquetas de una manera especial - mediante atributos. Entre paréntesis se especifica el nombre del evento, y en el valor del atributo se llama al método de la clase del componente que debe ejecutarse ante ese evento.
Como ejemplo, hagamos que al hacer
clic en un botón se ejecute el método show
de la clase del componente:
<button (click)="show()">
button
</button>
Escribamos ahora la implementación del método show
en la clase del componente:
export class AppComponent {
public show(): void {
alert('test');
}
}
Crea dos botones. Al hacer clic en el primero saluda al usuario, y al hacer clic en el segundo - despídete de él.