如何使用 Angular 6 从 JSON 数据实现树视图

Question

I want to design a checkbox tree structure using following data coming from Web API using Angular 6. How can I achieve it please help.

[
{
    "id": 1,
    "parent_id": 0,
    "Fund_type":"A&P"   
},
{
    "id": 2,
    "parent_id": 1,
    "Fund_type": "On Invoice"
},
{
    "id": 3,
    "parent_id": 2,
    "Fund_type": "Banded packs-Consumer"
},
{
    "id": 4, 
    "parent_id": 2, 
    "Fund_type": "Banded packs-Shopper" 
},....]

Where id=1 is the root node and id=2 is the direct child of it and id=3 &4 are direct children of id=2(You can understand the structure from parent_id )

Thanks.

Answer 1

您需要按照下面给出的示例更改数据并使用此组件： https : //www.npmjs.com/package/ngx-treeview

Answer 2

您可以简单地在https://www.syncfusion.com/angular-ui-components/angular-treeview 中使用角度树视图