角材料树基于数组动态创建复选框或单选按钮

Question

我有一个如下数组

[ {
        name: 'Asia'
        children:[
            {
                name : 'India',
                multiselect: true,
                children:[
                    {
                        name : 'Delhi',
                        id: 'Delhi',
                        multiselect: true
                    },
                    {
                        name : 'Mumbai',
                        id: 'Mumbai',
                        multiselect: true
                    },
                    {
                        name : 'Trivandrum',
                        id: 'Trivandrum',
                        multiselect: true
                    }
                ]
            }
        ]
     },
     {
        name: 'Europe',
        multiselect: true,
        children:[
            {
                name : 'Romania',
                multiselect: false,
                children:[
                    {
                        name : 'Bucuresti',
                        id:'Bucuresti'
                        multiselect: false,              
                    },
                    {
                        name : 'Sibiu',
                        id:'Sibiu'
                        flag: false               
                    }

                ]
            }
        ]
     }
]

我需要使用multiselect动态创建复选框，并基于树中的angular-material Nested tree标志单选按钮。

条件如下：

• 第一级数组（亚洲，欧洲）是普通文本（树的根）
• 第二级（印度，罗马尼亚，.....）应基于multiselect。如果multiselect: true应该是checkbox，并具有给定的id multiselect: false，应该是单选按钮
• 第三层（德里，孟买，特里凡得琅...）

Refernece

请帮助我。