JSFiddle - React, Tailwind, and code Playground

by Ea Bangalore

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-tree/2.22.6/angular-ui-tree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-tree/2.22.6/angular-ui-tree.css">

JavaScript

angular.module('uiTree', ['ui.tree'])
.controller('UiTreeController', function ($scope, $state,  $filter, $timeout) {

$scope.list = 
				[
				  {
				    "id": 1,
				    "title": "node1",
				    "nodes": [
				      {
				        "id": 11,
				        "title": "node1.1",
				        "nodes": [
				          {
				            "id": 111,
				            "title": "node1.1.1",
				            "nodes": []
				          }
				        ]
				      },
				      {
				        "id": 12,
				        "title": "node1.2",
				        "nodes": []
				      }
				    ]
				  },
				  {
				    "id": 2,
				    "title": "node2",
				    "nodrop": true,
				    "nodes": [
				      {
				        "id": 21,
				        "title": "node2.1",
				        "nodes": []
				      },
				      {
				        "id": 22,
				        "title": "node2.2",
				        "nodes": []
				      }
				    ]
				  },
				  {
				    "id": 3,
				    "title": "node3",
				    "nodes": [
				      {
				        "id": 31,
				        "title": "node3.1",
				        "nodes": []
				      }
				    ]
				  }
				];

});