NGX-FORMLY - Вложенные формы с многоуровневой навигацией? - PullRequest
0 голосов
/ 11 ноября 2018

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 -->
            }
        }
    }
}
...