Создание динамического содержания и формы с угловой директивой на основе объекта \ jsonHtml

Программисты Html
Ответить
Anonymous
 Создание динамического содержания и формы с угловой директивой на основе объекта \ json

Сообщение Anonymous »

Я борюсь с созданием динамической формы и структуры и не могу найти решение. Объект также содержит информацию для создания формы, подключенной к службе (посмотрите на прикрепленное изображение). < /P>
Кроме того, когда вы выбираете службу (нажимая кнопку левой квадраты), форма должна появиться немедленно, но вы также должны иметь возможность изменить его динамически, если вы нажимаете на кнопку «Оставая» на левой кнопке, которая выйдет из -за того, что кнопка с остатки, которая должна быть выпущена, кнопка «Br /> ». Форма при повторной открытой.

Код: Выделить всё

  var services = [ {
"id" : "001",
"name" : "Serv1",
"fields" : []
}, {
"id" : "002",
"name" : "Serv2",
"fields" : []
}, {
"id" : "003",
"name" : "Serv3",
"fields" : [ {
"type" : "text",
"name" : "operation",
"label" : "Operation",
"required" : false,
"data" : ""
}, {
"type" : "text",
"name" : "note",
"label" : "Note",
"required" : false,
"data" : ""
}, {
"type" : "select",
"name" : "profile",
"label" : "Profile",
"options" : [ {
"name" : "000 - None",
"value" : "000"
}, {
"name" : "001 - Profile 1",
"value" : "001"
}, {
"name" : "002 - Profile 2",
"value" : "002"
} ],
"required" : false,
"data" : ""
} ]
}, {
"id" : "004",
"name" : "Serv4",
"fields" : [ {
"type" : "checkbox",
"name" : "develop",
"label" : "Develop possibility",
"required" : false,
"data" : false
}, {
"type" : "checkbox",
"name" : "acceptance",
"label" : "Accept",
"required" : false,
"data" : false
} ]
} ];
< /code>
dynamicForm.html
:
[

{{SERVICE Name}}







{{field.label}}






{{field.label}}

Inserire mail!
Non è una mail valida





{{field.label}}

Required!
Passwords must be between 8 and 20 characters.





{{field.label}}

{{option.name}}






{{field.label}}





{{field.label}}


{{option.name}}








{{field.label}}







]
< /code>
https://i.sstatic.net/3Xk2s.png

Подробнее здесь: https://stackoverflow.com/questions/408 ... bject-json
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»