Question

我正试图在angular中实现jstree。我使用了这个插件 https://github.com/ezraroi/ngJsTree 我收到此错误

b.tree.jstree不是函数

我按照所有步骤制作了一个代码，但我的树没有显示。

这是我的代码 http://codepen.io/naveennsit/pen/qbRyVP?editors=101

angular.module('app',['ngJsTree']).controller('myCtrl',function($scope,$log){ 
      $scope.treeConfig = {
        core : {
            multiple : false,
            animation: true,
            error : function(error) {
                $log.error('treeCtrl: error from js tree - ' + angular.toJson(error));
            },
            check_callback : true,
            worker : true
        },
        types : {
            default : {
                icon : 'glyphicon glyphicon-flash'
            },
            star : {
                icon : 'glyphicon glyphicon-star'
            },
            cloud : {
                icon : 'glyphicon glyphicon-cloud'
            }
        },
        version : 1,
        plugins : ['types','checkbox']
    };



     $scope.originalData = [
        { id : 'ajson1', parent : '#', text : 'Simple root node', state: { opened: true} },
        { id : 'ajson2', parent : '#', text : 'Root node 2', state: { opened: true} },
        { id : 'ajson3', parent : 'ajson2', text : 'Child 1', state: { opened: true} },
        { id : 'ajson4', parent : 'ajson2', text : 'Child 2' , state: { opened: true}}
    ];
    $scope.treeData = [];
    angular.copy($scope.originalData,$scope.treeData);


})

任何更新？

Answer 1

在你的设置中，首先包括角度js然后jquery，但看起来像jstree期望angular使用完整版本的jquery而不是jquery lite

颠倒angular和jquery库的顺序包括设置工作：

//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js

更新了codepen：http://codepen.io/anon/pen/OMWoYW?editors=101

为什么控制器不能在angiular js中工作？

1 个答案: