ngx-formly angular-form имеет пример для многошаговой формы и формы вкладок, но я не знаю, как сделать многоуровневую (вложенную) форму. Например, первый уровень является многошаговым, а второй - вкладками. Еще лучше, если это можно сделать с помощью боковой панели многоуровневого меню навигации. Вот моя модель формы должна выглядеть (только 2 уровня для простоты, но может иметь больше уровней).
Можно ли это сделать с помощью пользовательского типа поля навигации или оболочки? Многошаговые операции и вкладки на самом деле не являются типами полей или оболочек углового типа.
{
"root": {
"category1": { //<!-- First level navigation -->
"UserName": "Test1",
"Address": "110 My street",
"CreateDate": "2018-09-14T00:00:00"
},
"category2": { //<!-- First level navigation -->
"section1": { //<!-- Second level navigation -->
"check1": "true",
"check2": "false",
"commentlist": {
"row": [{
"comment": "1.1"
},
{
"comment": "1.2"
}
]
},
"photolist": {
"row": [{
"Photo1": "oqpNlRSsfwqqwqwq",
"caption1": "Flower",
"Photo2": "AnU5HPOP89z9aKKKGI//2Q==",
"caption2": "Bird"
},
{
"Photo1": "asasaassasas",
"caption1": "Flower",
"Photo2": "AnU5HPOP89z9aKKKGI//2Q==",
"caption2": "Bird"
}
]
}
}
},
"category3": { //<!-- First level navigation -->
"section1": { //<!-- Second level navigation -->
//<!-- fields -->
},
"section2": { //<!-- Second level navigation -->
//<!-- fields -->
},
"section3": { //<!-- Second level navigation -->
//<!-- fields -->
}
}
}
}