scope.tree.jstree() undefined

I don’t know if it’s the problem of jstree 3.0.9, but when installed this directive, it shows scope.tree.jstree('destroy') undefined. But when I change it to $(scope.tree).jstree('destroy') it works.

So I think before you assign the elm to scope.tree, you need to wrap it with jQuery. So I modified your function a little bit:

scope.destroy = function () {
    var j_elm = $(elm);
    if (attrs.tree) {
        if (attrs.tree.indexOf('.') !== -1) {
            var split = attrs.tree.split('.');
            scope.tree = scope.$parent[split[0]][split[1]] = j_elm;
        }
        else {
            scope.tree = scope.$parent[attrs.tree] = j_elm;
        }

    } else {
        scope.tree = j_elm;
    }
    scope.tree.jstree('destroy');
};

[orizis]

Try to add this:

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

[liujoey]

ok, I found the problem. My bad, I load the javascript in a wrong sequence, the jQuery.js should be loaded before angular.js, otherwise angular will only wrap the elm object with its own jqlite. I will remove this commit from the pull request.