[MUSIC]
Дайте нам знать кратко значение форм и форм поддержки в Angular.
Мы уже видели использование форм в предыдущем курсе начальной загрузки и
мы видели, как bootstrap позволяет нам стиль стандартных форм HDMI.
В этом уроке мы рассмотрим угловую поддержку форм,
два разных вида форм, управляемых шаблонами форм и реактивных форм.
Мы рассмотрим разницу между ними и
, где каждый из них подходит в нашем угловом приложении.
Мы рассмотрим преимущества и недостатки каждого подхода
более подробно в этом уроке и следующем уроке.
Также мы рассмотрим валидацию формы, как Angular поддерживает валидацию формы,
и как мы можем провести валидацию формы для нашей шаблонной формы
в следующей лекции, после упражнения.
Мы уже поняли, что формы поддерживают согласованный, эффективный и привлекательный опыт ввода данных для пользователей.
Вы видите формы, используемые повсюду на веб-сайтах.
Например,
, когда вам нужно войти на веб-сайт, вы должны ввести свой идентификатор пользователя и пароль.
Или когда вам нужно отправить информацию, например.
Если вы бронируете билет в кино, или если вы размещаете
заказ в интернет-магазине или во многих других случаях использования, формы
широко используются для предоставления пользователям
комплексного способа ввода информации на веб-сайты или веб-приложение.
Угловая структура обеспечивает комплексную поддержку форм
, включая валидацию форм и форм.
Здесь мы используем поддержку Angular для двусторонней привязки данных
и отслеживания изменений, которые мы делаем в элементах формы, а также проверки формы.
Таким образом, когда вы вводите данные в поля ввода в вашей форме,
данные автоматически оцениваются с помощью угловой поддержки для форм.
Мы рассмотрим некоторые из них более подробно по мере прохождения уроков.
Позвольте мне быстро напомнить вам о HTML-формах.
Вы уже знаете, что формы поддерживаются через элемент формы
на вашей HTML-странице.
Наряду с элементом формы, в теге формы, вы также можете включить такие вещи
, как, , , и s, и многое другое.
Мы увидим, как Угловая поддержка выполняет вместе с элементами формы HTML
, позволяет нам проектировать два различных вида форм,
шаблонные формы, а также реактивные формы в Angular.
В этом уроке мы сосредоточимся на угловой поддержке форм, управляемых шаблонами.
В форме, управляемой шаблоном, они будут использовать Угловой шаблон вместе с
элементами формы, которые мы только что видели, чтобы иметь возможность создавать формы и
использовать угловую поддержку для форм, управляемых шаблонами.
И мы сможем привязать конкретные директивы угловой формы к элементам формы
в наших шаблонах, а затем использовать двустороннюю привязку данных
, которая также формирует проверку и поддержку ошибок, что Angular предоставляет нам.
В упражнении, которое следует немедленно,
эта лекция будет посвящена тому, как мы можем разработать форму, управляемую шаблоном.
В частности, мы также рассмотрим, как двусторонняя привязка данных с поддержкой
Angular, используя директиву ngModel можно использовать для
привязки информации из вашей формы к
некоторые переменные JavaScript, которые вы объявили в своих классах.
В упражнении, которое сразу же следует за этой лекцией,
мы смотрим на то, как мы можем создать форму, управляемую шаблоном.
В частности, мы рассмотрим, как двусторонняя привязка данных, поддерживающая Angular с использованием
директивы ngModel, может быть использована для привязки информации от
вашей формы к некоторым переменным JavaScript, которые вы объявляете в своих классах.
И вот где банан в коробке, о которой мы говорили
ранее с директивой ngModel приходит на помощь.
По мере того, как мы пройдем упражнения, это станет еще яснее.
Теперь давайте научимся использовать угловую поддержку для форм
, управляемых шаблонами, чтобы проектировать наши формы в упражнениях.
[МУЗЫКА]