JsTree не создает узлы

Question

Я пробовал все, что мог найти, чтобы сделать эту работу, но я не знаю, что еще делать. Вот мой код

controller.js

app.controller('easyController',['$scope','$http','Api', function ($scope,$http, Api) { 
    $('#jstree').jstree(); 

    $('#jstree').jstree(
     { 
      "core" : { 

       "check_callback": true, 
       } 
     });  
    console.log($('#jstree').jstree("create_node",[ '#', "Haalo"])); 
    console.log($('#jstree').jstree().create_node('#', "Hallo", 'last')); 
    console.log($('#jstree').jstree('create_node', '#', { 'attr' : { 'id' : '1' } , 'text' : "Hallo"}, 'last')); 
    console.log($('#jstree').jstree().create_node('#' , {'text':'new node', 'type':'valid_child'})); 
    $("#jstree").jstree(true).create_node("#","root1"); 
}]); 

view.html

<div id="jstree"> </div> 

Когда я пишу список элементов в DIV, то его работу, но я не могу добавлять узлы с JQuery.

Answer 1

Не создавайте экземпляр дерева дважды и создавайте узлы только после того, как дерево будет готово. Попробуйте следующее:

$('#jstree').jstree({ 
    "core" : { 
     "check_callback": true, 
    } 
}).on("ready.jstree", function (e, data) { 
    $("#jstree").jstree(true).create_node("#","root1") 
});