Json 如何在动态嵌套结构中管理无线电选择

Json 如何在动态嵌套结构中管理无线电选择,json,angular,dynamic,nested,radio-button,Json,Angular,Dynamic,Nested,Radio Button,我有一个对象列表,每个对象都位于嵌套结构中: 例如: { "code" : 1, "name" : "banks", "isSelected" : false, "children" : [ [ { "code" : 11, "name" : "bank1", "isSelected" : false, "children" : [ [

我有一个对象列表,每个对象都位于嵌套结构中: 例如:

{
"code" : 1,
"name" : "banks",
"isSelected" : false,
"children" : [ 
    [ 
        {
            "code" : 11,
            "name" : "bank1",
            "isSelected" : false,
            "children" : [ 
                [ 
                    {
                        "code" : 111,
                        "name" : "bank1.1.1",
                        "isSelected" : false

                    }, 
                    {
                        "code" : 112,
                        "name" : "bank1.1.2",
                        "isSelected" : false

                    }
                ]
            ]
        }, 
        {
            "code" : 12,
            "name" : "bank12",
             "isSelected" : false,
            "children" : [ 
                [ 
                    {
                        "code" :121,
                        "name" : "bank1.2.1",
                         "isSelected" : false,
                        "children" : [ 
                            [ 
                                {
                                    "code" : 1211,
                                    "name" : "bank1.2.1.1"
                                }
                            ]
                        ]
                    }, 
                    {
                        "code" : 122,
                        "name" : "bank1.2.2"
                    }
                ]
            ]
        }
    ]
]
}

嵌套级别是动态的,不同对象的嵌套级别可能不同。 在客户端,每个对象都是可以标记的单选按钮/复选框

为了动态地完成这项工作,我创建了一个单独的组件,其工作是遍历所有子项并在输入中显示它们

在主要组成部分:


{{listTags.name}
内部组件“应用程序无线电列表标签”: