Привязка обработчиков событий в темплейте Angular
В Angular обработчики событий привязываются к тегам особым образом - с помощью атрибутов. В круглых скобках указывается имя события, а в значении атрбута вызывается метод класса компонента, который должен выполнится по этому событию.
Для примера давайте сделаем так,
чтобы по клику на кнопку выполился
метод show класса компонента:
<button (click)="show()">
button
</button>
Напишем теперь реализацию метода
show в классе компонента:
export class AppComponent {
public show(): void {
alert('test');
}
}
Сделайте две кнопки. По клику на первую поприветствуйте пользователя, а по клику на вторую - попрощайтесь с ним.