Vinculando manipuladores de eventos no template Angular

No Angular, os manipuladores de eventos são vinculados a tags de uma maneira especial - usando atributos. Entre parênteses é especificado o nome do evento, e no valor do atributo é chamado o método da classe do componente que deve ser executado nesse evento.

Por exemplo, vamos fazer com que ao clicar em um botão, o método show da classe do componente seja executado:

<button (click)="show()">
	button
</button>

Agora vamos escrever a implementação do método show na classe do componente:

export class AppComponent {
	public show(): void {
		alert('test');
	}
}

Crie dois botões. Ao clicar no primeiro, dê as boas-vindas ao usuário, e ao clicar no segundo - diga adeus a ele.