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

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

在您的设置中，您首先包含 angular js 然后 jquery，但似乎 jstree 期望 angular 使用完整版本的 jquery 而不是 jquery精简版

颠倒 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

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

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

why the controller not working in angiular js?

jstree

angularjs

angularjs-directive

angularjs-scope

angular-ui-router