Angular Дерево материалов не работает с данными c - PullRequest
0 голосов
/ 07 января 2020

Я работаю с 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"
                      }
                  ]
              }
          ]
      }
  ]
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...