Уроки Angular

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

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

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

Видеоурок

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


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


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

Исходный код

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

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

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

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

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

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

Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Комментарии для сайта Cackle