Разница между управляемой шаблоном формой и реактивной формой при использовании службы - PullRequest
Новая
       21

Разница между управляемой шаблоном формой и реактивной формой при использовании службы

1 голос
/ 25 июня 2019

Я хотел бы знать, когда мне следует использовать форму на основе шаблона вместо формы Reactive. Я знаю теорию, основанную на этом вопросе ( Каковы практические различия между шаблонно-управляемыми и реактивными формами? ), но я не знаю, какая из них используется с Angular Material. У меня всегда есть сомнения относительно того, какое использование.

Может ли кто-нибудь помочь мне, пожалуйста?

Заранее спасибо.

Ответы [ 2 ]

1 голос
/ 25 июня 2019

Как разработчик, ориентированный на Angular, я всегда рекомендую использовать реактивные настройки форм.

Разработчики будут спорить, но поверьте мне, вы избавите себя от головной боли позже.Netanel B также писал об этом здесь: Почему пришло время попрощаться с угловыми шаблонно-управляемыми формами

Допустим, вы хотите очень простой ввод, у вас может возникнуть желание просто использовать

  • ngModel
  • переменные шаблона

  • @ ViewChild

Они могут быть в порядке,на данный момент.

Но допустим, вам нужно добавить:

  • Проверка
  • Отслеживание изменений
  • Обновление значения программно

Все это требует, чтобы вы полагались и кодировали метод, выбранный вами для доступа ко входу.

Где Реактивные формы - это встроенный API, который обеспечивает стандарт для каждой потребности.

0 голосов
/ 25 июня 2019

Шаблонно-ориентированные формы

  • Использование шаблонно-управляемых форм при разработке статических форм. Статический означает, что структура и логика формы является фиксированной. Например. количество полей формы не меняется, правила проверки формы одинаковы для разных пользовательских ролей и т. д.
  • Примерами являются формы входа в систему, формы сброса пароля, формы для ввода и редактирования данных адреса, данные заказа и аналогичные структуры данных исправления.

Реактивная-форма

  • Используйте подход реактивных форм в случае, если форма будет поддерживать динамические структуры данных и логику. Примерами являются динамические формы опроса, формы для добавления / удаления 0..n тегов или телефонных номеров, формы, обеспечивающие различную проверку для разных ролей пользователей и т. Д.

  • Структура и логика реактивных форм в основном реализованы в TypeScript. Соответствующие артефакты HTML относятся только к элементам управления формы, определенным в TypeScript. На самом высоком этапе расширения реактивная форма может быть полностью сгенерирована во время выполнения на основе структуры данных.

Для более подробной информации вы можете обратиться по этой ссылке

...