Уроки Angular

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

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

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

Видеоурок

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


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


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

Исходный код

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

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

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

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

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

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

Уроки Python для начинающих
21 урок
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Уроки SQL для начинающих
8 уроков
Верстка сайта на HTML5 и CSS3
13 уроков