У вас может возникнуть потребность в создании динамических форм на основе данных, которые пользователь сохраняет в своем профиле.

Например, предположим, что вы работаете над проектом, который предоставляет клиентам веб-приложение, которое может помочь им управлять своими юридическими соглашениями. Большинство атрибутов соглашения предопределены и всегда доступны для всех клиентов.

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

Черт! вот что такое динамическая форма. Вы должны предоставить в своем приложении функцию, которая принимает вновь введенные настраиваемые атрибуты, и вам нужно будет получить их, чтобы создать форму на ходу.

Итак, какие есть варианты.

Заголовок: я работаю над этим с AngularJS и также смотрел на ReactJs…

Пробная версия 1:

Я попробовал Angular-Formly, чтобы обеспечить функцию динамической формы. Однако у него есть проблема. Флажки и переключатели не будут визуально показывать, что выбор был сделан.

Я видел, что даже у ReactJs есть такая же проблема. Кажется, они предлагают решение, которое может быть полезным:

Испытание 2:

Я пробовал другие библиотеки, похожие на formly, но у них была крутая кривая обучения, и они казались недостаточно интуитивными, чтобы вся команда могла с ними связываться. В основном они были такими, как будто кто-то сделал это, чтобы облегчить себе жизнь, и у него не было достаточно времени и энергии, чтобы сделать это для использования сообществом.

Испытание 3:

Третьим лучшим решением, которое я пробовал, было изучение директив ngRepeat и ngForm для добавления динамических форм с надлежащей проверкой. Вот как это выглядит. После долгих поисков в гугле наткнулся на эту ссылку:



Это то, что я хотел построить сам. Но эй! Я большой поклонник повторного использования и немного ленив. Ты не можешь винить меня за это. Не могли бы вы?