2016-01-21 91 views
0

我想實現一個JSON樹視圖這個pluginAngularjs JSON樹視圖,JSON格式問題

我的問題是這一行:

$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但d ata沒有顯示,我沒有收到錯誤。

如何解析我的文件內容才能使其工作?

回答

0

首先,結構應該是一個對象,因爲該指令將「文件夾」與「文件」區分開來。因此,考慮到你已經定義了一個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>