Угловые динамические формы с данными API

Есть ли у нас лучшие примеры создания динамических форм из данных? Какие входные поля всегда динамические. Вариант использования, который я ищу, - это у меня есть api, у которого есть набор записей, которые всегда на самом деле не состоят, означает, что сегодня, если есть 20 записей, то число строк может увеличиться до еще 20, в этом сценарии есть ли у нас какие-либо вилки?


angular angular-reactive-forms angular-forms angular-dynamic-components
person vijay munnangi    schedule 06.02.2019    source источник
comment
Вы имеете в виду это: angular.io/guide/dynamic-form Или что-то еще?   -  person DeborahK    schedule 06.02.2019
comment
Привет, хорошо, это мой текущий подход в качестве реактивных форм, я построил форму с 20 входными файлами в качестве группы форм и элементов управления для одной записи, которая поступает из api, которая построена на коллекции mongo, моя вставка записей всегда динамическая, сегодня я построил форму с 20 записями, но завтра, если новая запись будет содержать более или менее, мне придется заполнить форму. мой текущий подход является статическим, что означает, что когда когда-либо вставляются новые записи или новые поля, мне нужно настроить код формы, чтобы отобразить значения. так что это лучший способ достичь динамических форм. Цените, если у вас есть магия.   -  person vijay munnangi    schedule 06.02.2019

Ответы (1)


arrow_upward
1
arrow_downward

Мы используем модуль ngx-formly для рендеринга форм с использованием схемы json. Это очень обширная библиотека с отличной поддержкой сообщества и множеством функций. Вам просто нужно передать свою схему json в определенном формате, и форма будет отображена со всеми проверками.

https://github.com/ngx-formly/ngx-formly GitHub - ngx -formly / ngx-formly: питание JSON / динамические формы

person Prasheel    schedule 06.02.2019
comment
Большое спасибо, prasheel, хорошо, что я получил его вовремя, работает ли это с матом Dial Data ?. Это означает, что у меня есть два компонента: компонент A отображает данные таблицы с серверов api, а компонент B - большую часть записей в диалоговой форме. - person vijay munnangi; 06.02.2019
comment
@vijaymunnangi Да, и в этом случае он должен работать. - person Prasheel; 06.02.2019