Обработка событий

Обработка событий обеспечивает интерактивность веб-приложений. Она дает вам, как разработчику, возможность реагировать на действия пользователя, такие как нажатия кнопок, отправка форм и многое другое.

ПРИМЕЧАНИЕ: Подробнее об обработке взаимодействия с пользователем читайте в руководстве по основам.

В этом упражнении вы узнаете, как добавить обработчик событий.

В Angular привязка к событиям осуществляется с помощью синтаксиса круглых скобок (). Оберните название события, к которому хотите привязаться, в круглые скобки на нужном элементе и укажите обработчик события. Рассмотрим этот пример с button:

@Component({
  ...
  template: `<button (click)="greet()">`
})
export class App {
  greet() {
    console.log('Hello, there 👋');
  }
}

В этом примере функция greet() будет запускаться каждый раз при нажатии на кнопку. Обратите внимание, что синтаксис greet() включает скобки вызова функции.

Хорошо, теперь ваша очередь попробовать:

Add an event handler

Добавьте функцию-обработчик событий showSecretMessage() в класс App. Используйте следующий код для реализации:
```
showSecretMessage() {
  this.message = 'Way to go 🚀';
}
```
Bind to the template event

Обновите код шаблона в app.ts, чтобы выполнить привязку к событию mouseover элемента section.
```
<section (mouseover)="showSecretMessage()">
```

Всего за несколько шагов в коде вы создали свой первый обработчик событий в Angular. Похоже, у вас отлично получается, так держать.

Add an event handler

Bind to the template event