问题
I am trying to use jstree(http://www.jstree.com/) in angular .So I find there is a way to use jstree with angular. https://github.com/akhikhl/angularjs-jstree But in that there is no documentation to show data.I follow all steps given in documentation .But I know it didn't display tree view because I didn't take data .can you please tell how I will show static data so that it display tree view. Here is my plunker. http://plnkr.co/edit/L6n71QsGRAoYqyZuftQM?p=catalogue
<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href=" https://dl.dropboxusercontent.com/s/fffuk9v7si67i0w/style.min.css" />
<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
<script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
<script src="https://dl.dropboxusercontent.com/s/thhtr6t43i59dzy/jstree.min.js?m=
"></script>
<script src=" https://dl.dropboxusercontent.com/s/0tyskgjpg9ox0ox/angular-jstree.js?m="></script>
</head>
<body ng-app="myApp">
<div ng-controller="TreeDemoCtrl">
<div class="part treeContainer" popover="Expand/collapse nodes, click on nodes" popover-trigger="mouseenter" popover-placement="right">
<div jstree children-url="treeUrl" path-to-ids-url="pathIds" selected-node="selectedTreeNode"></div>
</div>
</div>
</body>
</html>
Please add some static data so that it display tree view..It mean like that as in image
Please show only static dataHow to add static data with jstree ?
来源:https://stackoverflow.com/questions/25227719/how-to-show-static-data-on-jstree-using-angular-jstree-js-plugin