將Bower模塊ng-js-Tree添加到AngularJs項目

Question

我按照以下步驟在AngularJS項目中使用ng-js-tree：

1）我通過npm install ng-js-tree --save安裝了依賴項

2）在我的Index.html上，y添加了以下行： <script src="bower_components/ng-js-tree/dist/ngJsTree.js"></script>

3）我通過以下方式加載了依賴項：

.state('dashboard.form', {
            templateUrl: 'views/form.html',
            url: '/form',
            controller: 'ChartCtrl',
            resolve: {
                loadMyFiles: function ($ocLazyLoad) {
                    return  $ocLazyLoad.load({
                            name: 'ngJsTree',
                            files: ['bower_components/ng-js-tree/ngJsTree.js']
                        }),
                        $ocLazyLoad.load({
                            name: 'sbAdminApp',
                            files: ['scripts/controllers/form.js']
                        })
                }
            }
        })`

4）我使用適當的功能定義了控制器：（不打算發布整個功能，我敢肯定這是沒有必要的）

myModule.controller('treeCtrl', treeCtrl);

5）最后，我將其發布到.html文件中：

 <div class="container" ng-controller="treeCtrl as vm">
      <div js-tree="vm.treeConfig" should-apply="vm.applyModelChanges()"
                     ng-model="vm.treeData" tree="vm.treeInstance"
                      tree-events="ready:vm.readyCB;create_node:vm.createCB"></div>
 </div>

問題是它什么也沒顯示，並且拋出以下錯誤：

TypeError: scope.tree.jstree is not a function

我在github上找到了這個幫助 ，但是我正在按照它說的去做，不能使它起作用...任何幫助嗎？

用樹文件編輯.... js都相同（經過測試）

Answer 1

將此添加到您的“ index.html”中：

<link rel="stylesheet" href="bower_components/jstree/dist/themes/default/style.css" />