我按照以下步骤在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上找到了this help,但是我正在按照说的去做,无法正常工作...有什么帮助吗?

用树文件编辑.... js都相同(经过测试)
javascript - 将Bower模块ng-js-Tree添加到AngularJs项目-LMLPHP

最佳答案

将此添加到您的“ index.html”中:

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

关于javascript - 将Bower模块ng-js-Tree添加到AngularJs项目,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35431360/

10-12 04:11
查看更多