energylink/public/app/core/components/jsontree/jsontree.ts

import coreModule from "app/core/core_module";
import { JsonExplorer } from "../json_explorer/json_explorer";

coreModule.directive("jsonTree", [
  function jsonTreeDirective() {
    return {
      restrict: "E",
      scope: {
        object: "=",
        startExpanded: "@",
        rootName: "@"
      },
      link: function(scope, elem) {
        var jsonExp = new JsonExplorer(scope.object, 3, {
          animateOpen: true
        });

        const html = jsonExp.render(true);
        elem.html(html);
      }
    };
  }
]);