Comment implémenter des données hiérarchiques multiniveaux hiérarchisées en javaScript?

Je suis en train d’implémenter des datatiables sur plusieurs niveaux sans utiliser de plugin ou de bibliothèque. Je veux implémenter basé sur javaScript, JQuery ou js angular. J’ai vérifié l’un des liens ci-dessous,

Parcourir tous les nœuds d’une arborescence d’objects JSON avec JavaScript

table nestede utilisant ng-repeat

Mais ma structure JSON est différente du lien ci-dessus.

• Comment soustraire deux variables de date angularjs
• Utilisation de $ .ajax de jQuery dans un contrôleur angularJS

J’ai besoin d’afficher mon JSON dans l’interface utilisateur Tree Structure. Je ne code pas de niveau dur en HTML. Tous les niveaux doivent être gérés par javascript.

J’ai implémenté jsfiddle: http://jsfiddle.net/varunPes/0n9fmawb/40/

STRUCTURE JSON

[ { Home:{ "checkbox_view":true, "checkbox_edit":false, "checkbox_delete":true } }, { "watchColorWorld":{ "local":{ "app-local-black":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } }, "global":{ "app-global-red":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } }, "world":{ "app-world-green":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } } } }, { "systemMgmt":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } }, { "rules":{ "Rule1":{ "rule2":{ "rule3":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } } } } } ] 

Sortie expirée

Vous répondez précieux pour moi. Merci d’avance.