динамический ngx-treeview с несколькими столбцами в угловых 6

Question

Я новичок в angular, и мне нужно динамически создавать древовидную структуру для сетки.

У меня есть два разных сервиса: один для родительского уровня и другой API для записей дочернего уровня на основе выбранной записи родительского уровня

Ответ json родительского уровня будет следующим:

data [0:{itemname:"product1", itemid:43,location:"US",Quantity:3,hasChild:48},...]

ответ json уровня ребенка будет следующим:

data [
0:{itemname:"product 123", itemid:5,location:"US",Quantity:1,hasChild:2},
1:{itemname:"product abc", itemid:6,location:"US",Quantity:1,hasChild:0}
]

После нажатия на имя элемента, дочерний элемент должен быть заполнен на основе идентификатора родителя следующим образом

1. родитель 1

   • ребенок 1
     • ребенок 1.1
     • ребенок 1,2
       • ребенок 1.2.1
       • ребенок 1.2.2
   • ребенок 2

2. родитель 2

   • ребенок 3
     • ребенок 3,1

Родитель и N уровень ребенка

Может ли кто-нибудь дать мне решение сделать это динамически?