Каковы практические различия между шаблонными и реактивными формами?


Я читал об Angular2 new Forms API, и кажется, что есть два подхода к формам, один из которых является шаблоном, а другой-реактивными или моделируемыми формами.

Я хотел бы знать практическую разницу между ними, а не разницу в синтаксисе (очевидно), но практическое использование и какой подход приносит больше пользы в разных сценариях. Кроме того, есть ли выигрыш в производительности при выборе одного над другим? И если да, то почему?

3 76

3 ответа:

Шаблон Управляемые Формы Особенности

  • прост в использовании
  • подходит для простых сценариев и не работает для сложных сценариев
  • похоже на AngularJS
  • двусторонняя привязка данных(с помощью [(NgModel)] синтаксис)
  • минимальный код компонента
  • автоматическое отслеживание формы и ее данных (обрабатывается Angular)
  • модульное тестирование-это еще один вызов

Реактивные Формы Особенности

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

Я думаю, что это дискуссия о код,стратегия и опыт пользователей.

в итоге мы меняемся на на основе шаблонов подход более простой в работе С реактивная (в модельном подходе) для предоставления нам больше контроля, что приводит к лучшей тестируемой форме, используя развязку между HTML (команда design / CSS может работать здесь) и компонентом бизнес-правила (угловые и JS специалистами) и улучшить пользовательский интерфейс С такими функциями, как реактивные преобразования, коррелированные проверки и обрабатывать сложные сценарии как правила проверки во время выполнения и динамическое дублирование полей.

эта статья является хорошей ссылкой об этом: угловые 2 формы-шаблонные и модельные подходы

вот краткое описание сравнения между шаблонными и реактивными формами, объясненными Деборой Курата (Deborah Kurata) хорошо, enter image description here