Я работаю с Angular, где я реализую дерево материалов,
Я пытаюсь реализовать дерево с вложенными узлами.
Я делюсь ссылкой Slackbliz, где я пробовал
https://stackblitz.com/edit/angular-zkfvg5?file=src%2Fapp%2Fapp.component.ts
Проблема По моему мнению: я не могу установить данные в treeControl
treeControl = new NestedTreeControl<any>(node => node.children);
где должен приходить динамически, так как дочерние элементы - это tl_details или t2_details или t3_details, а у детей больше детей.
Я пытаюсь сделать Дерево на многих ролях под другим роль указана в Json Значение.
Я показываю их имя
Я делюсь данными, которые должны быть реализованы с Tree
TREE_DATA : any = {
"messagecode": 200,
"message": "OTP sent Successfully!",
"data": [
{
"name": "T S TRADING COPANY",
"rs_id": "09565792-c288-4885-a4ed-3dd055f250f5",
"role": "RS",
"tl_details": [
{
"rs_id": "09565792-c288-4885-a4ed-3dd055f250f5",
"name": "N.A.",
"tl_code": "N.A.",
"role": "TL",
"me_info": [
{
"name": "Raghavendran M",
"me_code": "6000001",
"tl_code": "N.A.",
"rs_id": "09565792-c288-4885-a4ed-3dd055f250f5",
"role": "ME"
},
{
"name": "Anurag",
"me_code": "6000002",
"tl_code": "N.A.",
"rs_id": "09565792-c288-4885-a4ed-3dd055f250f5",
"role": "ME"
}
]
}
]
},
{
"name": "R N ENTERPRISES",
"rs_id": "7f8c03c7-f364-4e35-8da6-2f60cc618169",
"role": "RS",
"tl_details": [
{
"rs_id": "7f8c03c7-f364-4e35-8da6-2f60cc618169",
"name": "N.A.",
"tl_code": "N.A.",
"role": "TL",
"me_info": [
{
"name": null,
"me_code": null,
"tl_code": "N.A.",
"rs_id": "7f8c03c7-f364-4e35-8da6-2f60cc618169",
"role": "ME"
}
]
}
]
},
{
"name": "Leanbox Logistics Solutions Pvt Ltd",
"rs_id": "a5f100d5-bc88-4456-b507-1161575f8819",
"role": "RS",
"tl_details": [
{
"rs_id": "a5f100d5-bc88-4456-b507-1161575f8819",
"name": "RAMESH RAMANOJ MISHRA",
"tl_code": "600002528",
"role": "TL",
"me_info": [
{
"name": "RAMESH RAMANOJ MISHRA",
"me_code": "600002528",
"tl_code": "600002528",
"rs_id": "a5f100d5-bc88-4456-b507-1161575f8819",
"role": "ME"
},
{
"name": "RAJESH HARI KADAM",
"me_code": "600002638",
"tl_code": "600002528",
"rs_id": "a5f100d5-bc88-4456-b507-1161575f8819",
"role": "ME"
},
{
"name": "PRADIP MAHADEV BHATWADEKAR",
"me_code": "600002680",
"tl_code": "600002528",
"rs_id": "a5f100d5-bc88-4456-b507-1161575f8819",
"role": "ME"
},
{
"name": "ANIL KAMLESH PRAJAPATI",
"me_code": "600002686",
"tl_code": "600002528",
"rs_id": "a5f100d5-bc88-4456-b507-1161575f8819",
"role": "ME"
},
{
"name": "RAKESH RAMGYAN PRAJAPATI",
"me_code": "600002691",
"tl_code": "600002528",
"rs_id": "a5f100d5-bc88-4456-b507-1161575f8819",
"role": "ME"
}
]
},
{
"rs_id": "a5f100d5-bc88-4456-b507-1161575f8819",
"name": "N.A.",
"tl_code": "N.A.",
"role": "TL",
"me_info": [
{
"name": "KANHAIYALAL SACHIDANAND JAISWAL",
"me_code": "600002720",
"tl_code": "N.A.",
"rs_id": "a5f100d5-bc88-4456-b507-1161575f8819",
"role": "ME"
}
]
}
]
}
]
}