Angularjs JSON TreeView, выпуск в формате JSON

Question

Я пытаюсь реализовать TreeView JSON с этим plugin

Мой вопрос эта линия:

$scope.structure = { folders: [ 
{ name: 'Folder 1', files: [{ name: 'File 1.jpg' }, { name: 'File 2.png' }], folders: [ 
    { name: 'Subfolder 1', files: [{ name: 'Subfile 1' }] }, 
    { name: 'Subfolder 2' }, 
    { name: 'Subfolder 3' } 
]}, 
{ name: 'Folder 2' } 
]}; 

В моем случае, я читаю файл, возвращает мне формат JSON

[ 
    { 
     "item": { 
      "title": "Kids" 
     }, 
     "children": [ 
      { 
       "item": { 
        "title": "HELLO" 
       }, 
       "children": [] 
      } 
     ] 
    } 
] 

Я думал, что с помощью JSON.parse(myFileContent) должен был быть достаточен для иметь ту же структуру данных, как и в $scope.structure, но г ata не отображается, я не получаю ошибок.

Как я могу проанализировать содержимое своего файла, чтобы оно работало?

Answer 1

Во-первых, структура должна быть объектом, поскольку директива отличает «папки» от «файлов». Таким образом, учитывая, что вы уже определить дочерние элементы внутри children собственности, вы можете обернуть массив (предполагая, что это называется content) в объект так:

$scope.structure = { 
    "children": content 
}; 

Затем вам необходимо переопределить значения по умолчанию для имена свойств, в которых директива будет пытаться получить значения.

$scope.structureOptions = { 
    foldersProperty: "children", 
    displayProperty: "item.title" 
}; 

И наконец, добавить атрибут tree-view-options к элементу HTML.

<div tree-view="structure" tree-view-options="structureOptions"></div>