Уроки Angular

7 уроков
Консультации
#4 - Работа с HTML и событиями

#4 - Работа с HTML и событиями

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

Видеоурок

Angular позволяет передавать данные с компонента в HTML шаблон. Со всеми данными мы можем проводить различные действия (проверки, вывод в цикле, математические действия и так далее). 


Чтобы передать данные не надо ничего дополнительно прописывать, ведь каждое свойство что создано в компоненте автоматически передается в HTML шаблон. Для вывода данных используйте фигурные скобки: {{ переменная }}.


При этом, из самого HTML мы также можем обращаться к компоненту напрямую. Для этого можно прописать некое событие и соответсвующий метод в компоненте. При срабатывании события информация будет передаваться в метод и далее обрабатываться, после чего все изменения будут переходить обратно в шаблон.

Исходный код

Весь код будет доступен после подписки на проект!

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение C#, ASP.NET и создание Windows программ
Изучение таск-менеджера Gulp 4
5 уроков
Изучение React JS / Redux библиотеки
9 уроков
Создание игры на C++ / Создание "Змейки"
3 урока
Комментарии для сайта Cackle