how to show static data on jstree using angular-js

2019-08-16 23:22发布

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 imageenter image description here Please show only static data

How to add static data with jstree ?

0条回答
登录 后发表回答