лизую многоуровневые данные без использования какого-либо плагина или библиотеки. Я хочу реализовать на основе javaScript, JQuery или угловой JS. Я проверил одну из ссылок ниже,

Пройдите по всем узлам дерева объектов JSON с помощью JavaScript

вложенная таблица с использованием ng-repeat

Но моя структура JSON отличается от вышеуказанной ссылки.

Мне нужно отобразить мой JSON в пользовательском интерфейсе древовидной структуры. Я не жесткий уровень кода в HTML. Весь уровень должен обрабатываться JavaScript.

Я реализовал jsfiddle:http://jsfiddle.net/varunPes/0n9fmawb/40/

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
            }
         }
         }

      }
   }
]

Уточненный вывод

Вы отвечаете ценным для меня. Заранее спасибо.