Как сделать динамические поля в форм в Angular JS?

Question

[mpotemkin]

Прошу помощи у сообщества. Сам так и не смог придумать.

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

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

Все что с простой канцелярией сделал, все записывается отображается все хорошо.

Но как сделать так, чтобы при выборе в форме категории с нетепичной канцелярией, показались дополнительные поля помимо стандартных.

Куда копать? Подскажите

Answer 1

[makerkz]

Непонятна постановка вопроса.
Храните все типы в JSON-формате, с указанием типа поля ввода, вариантами выбора select) и т.д. После этого делаете ng-repeat, чтобы отобразить динамическую форму.

[{
      "type": "text",
      "model": "width"
    },
    {
      "type": "textarea",
      "model": "description"
    }]

Можно еще создать директиву специальную для этого, и уже в ней обрабатывать требуемые данные.
<dynamic-form data="data"></dynamic-form>

Answer 2

[Alexey Sosnovsky]

думается можно сделать в контроллере. чтонибудь true - стандартная концелярия, false - нестандартная, и спомошью ng-if или ng-show/ng-hide показывать/скрывать нужные поля. если я правильно понял задачу

Comments

[Alexey Sosnovsky]

а вобще было бы не плохо хоть примеры скриншотами, а лучше если на github есть реп посмотреть