Angular реактивные формы - хорошая практика

Question

Мне было интересно, какую практику лучше использовать.

Итак, ситуация выглядит следующим образом: у меня есть форма, и в зависимости от выбора пользователя мне понадобится другая (некоторые из них могут быть одинаковыми) форма fields.

Вот вопрос, должен ли я при запуске базового компонента (где форма создается впервые) добавить все возможные поля и использовать их, если они необходимы, или я должен добавить поля на основе опции выбранный пользователем? (Кстати, добавленные поля будут добавлены в новые компоненты в ngOnInit ())

Answer 1

Простые подходы имеют меньше побочных эффектов. Самый простой подход здесь - объявить всю форму со всеми возможными атрибутами как свойство, используя FormGroup или FormBuilder . Когда вы отправляете сообщение на сервер при отправке, вы можете опубликовать всю форму, поскольку атрибуты, которые ваши пользователи никогда не видели, будут просто нулевыми или неопределенными.

Вам все равно придется динамически отображать / скрывать входные данные в шаблоне. , но код компонента будет проще.