Когда мы создаем формы, мы знаем, что есть большая вероятность того, что данные, которые мы хотим собрать, могут измениться. Динамические формы в Angular дают нам возможность определить базовую объектную модель перед привязкой формы к шаблону. Это позволяет нашим формам программно адаптироваться к базовой модели, поэтому нам не нужно обновлять каждую форму вручную, поскольку наши данные в конечном итоге изменятся.
В этом курсе под руководством Google Developer Expert мы будем использовать реактивные формы Angular и узнаем об основах динамического рендеринга FormControls. Мы также рассмотрим, как более сложные элементы управления вводом, такие как поля выбора и списки переключателей, могут динамически связываться с нашим шаблоном.
Если вы пришли из AngularJS (v1.x), вы также можете быть знакомы с динамическими формами в контексте Formly, библиотеки для автоматизации динамических форм. Мы также быстро коснемся ng-formly, который является Angular (2+) эквивалентом.
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Create Dynamic Forms in Angular,
а также все другие курсы, прямо сейчас!
Create a FormControl Dynamically with Reactive Forms in Angular
Урок 2.00:02:19
Dynamically Create Multiple FormControls from a Data Set in Angular
Урок 3.00:03:57
Dynamically Render Different Form Input Types with Angular’s Reactive Forms
Урок 4.00:03:05
Create Dynamic Select Boxes with Angular’s Reactive Forms
Урок 5.00:02:58
Create Dynamic Radio Button Lists with Angular’s Reactive Forms
Урок 6.00:06:22
Add Validation to Dynamic Forms in Angular
Урок 7.00:06:42
Create a Dynamic Angular Form with ngx-formly
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Создание HTML-форм для страниц никогда не было столь простым как сейчас. Сбор данных, которые ввел пользователь, а также валидация которая автоматически проверяет данные, когда-то было трудным занятием. Но с иструментами которые предлагает Angular 2 - все это стало намного прощее и быстрее в реализации. Angular 2 позволяет легко обрабатывать форму. Этот курс покажет как легко строит веб-формы используя готовые решения и встроенные свойства вали
В этом курсе вы научитесь создавать формы, использовать двусторонний data binding, делать валидацию форм, создавать формы через template-driven подход, использовать FormGroup, FormControl и FormArray и еще несколько интересных вещей.
Конфигурация Реактивных Форм Angular (Reactive Forms) с ngx-formly
Configuration based reactive Angular Forms with ngx-formly
Angular особенно популярен на крупных предприятиях. В большинстве случаев эти бизнес-приложения очень сильно зависят от данных и имеют большой объем форм. Хотя Angular предлагает нам два разных подхода к реализации форм, ни один из них не приносит большого удовлетворения и не помогает поддерживать высокий уровень ремонтопригодности, особенно в крупных корпоративных приложениях.