Angular 2 — Обработка событий

Angular 2 — Обработка событий

От автора: довольно просто обрабатываются в Angular 2 события, такие как click или любые другие. События запускаются на html-странице и отправляются в класс Angular JS для дальнейшей обработки.

Давайте рассмотрим пример обработки события. В нашем примере мы рассмотрим отображение кнопки click и свойства status. Первоначально для свойства status будет установлено значение true. Оно может изменяться на false.

Шаг 1 – Измените следующим образом код в файле app.component.ts.

Бесплатный курс «NodeJS. Быстрый старт»

Изучите курс и узнайте, как создать веб-приложение с нуля на JavaScript с NodeJS

Получить курс

Примечание:

Мы объявляем переменную с именем status, которая имеет тип Boolean, изначально для нее установлено значение true.

Затем мы определяем функцию clicked, которая будет вызываться при нажатии на кнопку. В функции мы изменяем значение свойства Status с true на false.

Шаг 2. Внесите следующие изменения в файл app/app.component.html, который является файлом шаблона.

В приведенном выше коде необходимо отметить следующее.

Сначала мы просто отображаем значение свойства Status нашего класса.

Затем определяем html-тег button для которого value равно Click. Затем мы обеспечиваем, чтобы событие Click запускало событие clicked в нашем классе.

Шаг 3 — Сохраните все изменения в коде и обновите страницу браузера, вы получите следующий результат.

Angular 2 — Обработка событий

Шаг 4 — Нажмите кнопку «Click», вы получите следующий результат.

Angular 2 — Обработка событий

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Бесплатный курс «NodeJS. Быстрый старт»

Изучите курс и узнайте, как создать веб-приложение с нуля на JavaScript с NodeJS

Получить курс

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook: