将 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) 我用适当的功能定义了控制器：（不会 post 整个功能，我很确定没有必要）

myModule.controller('treeCtrl', treeCtrl);

5) 最后，我在 .html 文件中 post 编辑了它：

 <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 上找到了 this help，但我正在按照它说的做，但无法正常工作...有什么帮助吗？

使用树文件编辑...两个 .js 相同（已测试）

Answer 1

将此添加到您的 'index.html'：

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

将 bower 模块 ng-js-Tree 添加到 AngularJs 项目

Adding bower module ng-js-Tree to an AngularJs project

javascript

jstree

angularjs