Uncaught RangeError: превышен максимальный размер стека вызовов. jstree

Question

Я получаю эту ошибку и не знаю, как решить это

Uncaught RangeError: Maximum call stack size exceeded

Я пытаюсь построить дерево с использованием jstree Lib. Данные поступают из двух разных HTTP-вызовов. Я получаю свои исходные данные, как это:

  $scope.treeFolders = []; 
     $scope.treeFilters = []; 
     $scope.tree = []; 
    var folders = function() { 
     $http.get("folders.json") 
     .success(function (res) { 
        angular.forEach(res, function(parent){ 
         // console.log(parent) 
         if(!("parent" in parent)){ 
          parent.parent = "#" 
         } 
        }) 

        $scope.treeFolders = res 
        console.log($scope.treeFolders) 
       }); 
     }; 
     folders(); 

    var filters = function(){ 
      $http.get("child.json") 
       .success(function (res) { 
        angular.forEach(res, function(obj){ 
         if(!("parent" in obj)){ 
          // console.log(obj.folderId) 
          obj.parent = obj.folderId; 
         } 
         // console.log(obj) 
        }); 

        $scope.treeFilters = res; 
        console.log($scope.treeFilters) 

       }); 
    }; 
    filters(); 

console.log возвращает массив, потому что теперь все хорошо. Затем я использую функцию нагрузки, чтобы объединить два массива в один массив супер

$scope.load = function(){ 
    // method 1 
      $scope.tree = $scope.treeFolders.concat($scope.treeFilters); 
      console.log(JSON.stringify($scope.tree)) 
    // method 2  
     // $scope.treeFolders.forEach(function(item){ 
     // $scope.tree.push(item) 
     // }) 
     // $scope.treeFilters.forEach(function(item){ 
     // $scope.tree.push(item) 
     // }) 
     // console.log(JSON.stringify($scope.tree)) 
     } 

Так как вы можете видеть, я пытался получить один массив при помощи двух методов, как работать, так и я получаю этот массив

[{ 
"id":1, 
"userId":1, 
"createdDt":"2016-06-27T13:05:03.000+0000", 
"text":"folder", 
"parent":"#" 
    },{ 
"id":2, 
"parent":1, 
"userId":1, 
"createdDt":"2016-06-27T13:26:45.000+0000", 
"text":"child folder" 
    },{ 
"id":2, 
"folderId":2, 
"folder":{"id":2,"text":"child folder"}, 
"body":"empty", 
"user":{"id":1,"name":"User 1"}, 
"userId":1, 
"createdDt":"2016-06-27T13:05:47.000+0000", 
"text":"filter 1", 
"parent":2 
    },{ 
"id":3, 
"folderId":2, 
"folder":{"id":2,"text":"child folder"}, 
"body":"nothing", 
"user":{"id":1,"name":"User 1"}, 
"userId":1,"createdDt":"2016-06-27T13:00:00.000+0000", 
"text":"filter 4", 
"parent":2 
    }] 

следует из логики jstree документы, мое дерево должно выглядеть

* Folder (root) 
---- * Child Folder (parent) 
    ---- * Filter 1 (Child) 
    ---- * Filter 4 (Child) 

, но вместо этого я получаю ошибку, что-то слишком много итераций. Может ли кто-нибудь помочь мне найти мою ошибку? Заранее спасибо. Plunker прилагается

Answer 1

В вашем массиве есть два элемента с «id»: 2, а один из них имеет родительский элемент, который также определен как «id»: 2. Вероятно, это создает круговую ссылку.

Попробуйте изменить идентификатор вашего первого дочернего элемента на 4, я сделал это на вашей ссылке plunker и на дереве, загруженном, как вы искали.