Каковы практические различия между шаблонными и реактивными формами?
Я читал об Angular2 new Forms API, и кажется, что есть два подхода к формам, один из которых является шаблоном, а другой-реактивными или моделируемыми формами.
Я хотел бы знать практическую разницу между ними, а не разницу в синтаксисе (очевидно), но практическое использование и какой подход приносит больше пользы в разных сценариях. Кроме того, есть ли выигрыш в производительности при выборе одного над другим? И если да, то почему?
3 ответа:
Шаблон Управляемые Формы Особенности
- прост в использовании
- подходит для простых сценариев и не работает для сложных сценариев
- похоже на AngularJS
- двусторонняя привязка данных(с помощью
[(NgModel)]
синтаксис)- минимальный код компонента
- автоматическое отслеживание формы и ее данных (обрабатывается Angular)
- модульное тестирование-это еще один вызов
Реактивные Формы Особенности
- более гибкий, но требует много практики
- обрабатывает любые сложные сценарии
- привязка данных не выполняется (неизменяемая модель данных, предпочитаемая большинством разработчиков)
- больше кода компонента и меньше разметки HTML
- реактивные преобразования могут быть сделаны, возможно, такие как
- обработка события на основе дребезга времени
- обработка событий, когда компоненты различны, пока изменилось
- добавление элементов динамически
- более легкое модульное тестирование
Я думаю, что это дискуссия о код,стратегия и опыт пользователей.
в итоге мы меняемся на на основе шаблонов подход более простой в работе С реактивная (в модельном подходе) для предоставления нам больше контроля, что приводит к лучшей тестируемой форме, используя развязку между HTML (команда design / CSS может работать здесь) и компонентом бизнес-правила (угловые и JS специалистами) и улучшить пользовательский интерфейс С такими функциями, как реактивные преобразования, коррелированные проверки и обрабатывать сложные сценарии как правила проверки во время выполнения и динамическое дублирование полей.
эта статья является хорошей ссылкой об этом: угловые 2 формы-шаблонные и модельные подходы