angular-material-tree динамически создает флажок или переключатель на основе массива

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 с указанным идентификатором, иначе multiselect: false это должна быть радиокнопка
• Третий уровень (Дели, Мумбаи, Тривандрум, ...)

Ссылка

Пожалуйста, помогите мне.