Ionic 3 working with nested Array

Ionic Framework ionic-v3
1

i want to display my nested array in ionic in tree view … when i click my 3rd element of array all the data of fourth array is shown… i want to show only the data that i have clicked… please help…

  • {{p1.name}}
    • {{p1.li}}
      • {{p1.li1}}
        • {{p1.li2}}
                        </ul>
              </li>
           </ul>
        </li>
    </ul>
  </li>
</ul>
2

Hi, @razorachy
Can you please share your code here?

3

[
{
“title”: “Bumthang Dzongkhag”,
“data”: [
{
“title”: “2019”,
“data”: [
{
“title”: “DISCIPLINARY”,
“data”: null,
“documentList”: null
},
{
“title”: “HRC MEETING MINUTES”,
“data”: ,
“documentList”: null
},
{
“title”: “LEAVE”,
“data”: [
{
“title”: “Casual Leave”,
“data”: null,
“documentList”: null
},
{
“title”: “Earned Leave”,
“data”: null,
“documentList”: null
},
{
“title”: “Extra Ordinary Leave”,
“data”: null,
“documentList”: null
},
{
“title”: “Medical Leave”,
“data”: null,
“documentList”: null
}
],
“documentList”: null
},
{
“title”: “LTT”,
“data”: [
{
“title”: “During LTT”,
“data”: null,
“documentList”: null
},
{
“title”: “On Completion”,
“data”: null,
“documentList”: null
},
{
“title”: “Pre LTT Approval”,
“data”: null,
“documentList”: null
}
],
“documentList”: null
},
{
“title”: “PROMOTION”,
“data”: [
{
“title”: “Broad Banded”,
“data”: ,
“documentList”: null
},
{
“title”: “Fast Track”,
“data”: ,
“documentList”: null
},
{
“title”: “Meritorious”,
“data”: null,
“documentList”: null
},
{
“title”: “Open Competition”,
“data”: null,
“documentList”: null
},
{
“title”: “Specialist”,
“data”: null,
“documentList”: null
}
],
“documentList”: null
},
{
“title”: “RECRUITMENT”,
“data”: [
{
“title”: “Contract”,
“data”: null,
“documentList”: null
},
{
“title”: “ESP-GSP”,
“data”: null,
“documentList”: null
},
{
“title”: “Regular”,
“data”: null,
“documentList”: null
}
],
“documentList”: null
},
{
“title”: “REMUNERATIONS”,
“data”: null,
“documentList”: null
},
{
“title”: “SECONDMENT”,
“data”: null,
“documentList”: null
},
{
“title”: “SEPARATION”,
“data”: [
{
“title”: “Compulsory Retirement”,
“data”: ,
“documentList”: null
},
{
“title”: “Contract Termination”,
“data”: null,
“documentList”: null
},
{
“title”: “ERS”,
“data”: ,
“documentList”: null
},
{
“title”: “Superannuation”,
“data”: null,
“documentList”: null
},
{
“title”: “Termination”,
“data”: null,
“documentList”: null
},
{
“title”: “Voluntary Resignation”,
“data”: ,
“documentList”: null
}
],
“documentList”: null
},
{
“title”: “STT”,
“data”: [
{
“title”: “Certificates”,
“data”: null,
“documentList”: null
},
{
“title”: “Joining Report”,
“data”: null,
“documentList”: null
},
{
“title”: “Office Order”,
“data”: null,
“documentList”: null
}
],
“documentList”: null
},
{
“title”: “TRANSFER”,
“data”: [
{
“title”: “Annual Transfer”,
“data”: null,
“documentList”: null
},
{
“title”: “Lateral Transfer”,
“data”: null,
“documentList”: null
}
],
“documentList”: null
}
],
“documentList”: null
}
],
“documentList”: null
}
]

i have this json array that i get from api… i have to display it in tree view in ionic… please help me… my work is in big trouble

4

Please help i have a big issue regarding displaying the data from the array as tree format

5

so sad no help from any one