保存JSON作爲對象

Question

的陣列我有一個角度的應用程序，看起來像這樣：

(function(){ 
    var app = angular.module('world', []); 

    app.controller('WorldController', function(){ 
     this.tabs = tabs; 
    }); 

    var tabs =[ 
    { 
     id: "1", 
     name: "first tab name", 
     title: "first tab title", 
     content: "first tab cont" 
    }, 
    { 
     id: "2", 
     name: "orci, consectetuer", 
     title: "sem elit, pharetra ut,", 
     content: "augue scelerisque mollis. Phasellus" 
    }, 
    { 
     id: "3", 
     name: "rhoncus. Nullam velit dui, semper et, lacinia vitae,", 
     title: "Nam porttitor", 
     content: "tellus eu augue porttitor interdum. Sed auctor odio a purus." 
    }, 
    { 
     id: "4", 
     name: "nulla magna, malesuada vel, convallis in, cursus et, eros. Proin", 
     title: "montes, nascetur ridiculus mus.", 
     content: "Sed eget lacus. Mauris non dui nec urna suscipit nonummy." 
    } 
    ]; 

})(); 

我想加載從JSON整個翼片陣列。我沒有問題生成一個json並獲取它，但我不知道如何將其轉換爲如上所示的格式。

當我嘗試執行var tabs=jQuery.getJSON('myJson.json');時，json被提取，但未以我想要的格式加載。

如何將json轉換爲上面顯示的數組格式？

雖然我的JSON看起來像 -

[ 
    { 
     "id": "1", 
     "name": "mus. Proin vel arcu eu odio tristique pharetra.", 
     "title": "faucibus", 
     "content": "Donec dignissim magna a tortor. Nunc commodo auctor" 
    }, 
    { 
     "id": "2", 
     "name": "orci, consectetuer", 
     "title": "sem elit, pharetra ut,", 
     "content": "augue scelerisque mollis. Phasellus" 
    }, 
    { 
     "id": "3", 
     "name": "rhoncus. Nullam velit dui, semper et, lacinia vitae,", 
     "title": "Nam porttitor", 
     "content": "tellus eu augue porttitor interdum. Sed auctor odio a purus." 
    }, 
    { 
     "id": "4", 
     "name": "nulla magna, malesuada vel, convallis in, cursus et, eros. Proin", 
     "title": "montes, nascetur ridiculus mus.", 
     "content": "Sed eget lacus. Mauris non dui nec urna suscipit nonummy." 
    } 
]; 

Answer 1

在角使用$ http服務。舉例來說，如果你有一個包含JSON數據的同一個文件夾data.json文件，然後使用

app.controller('MainCtrl', function($scope, $http) { 
    $http.get('data.json').success(function(data){ 
    $scope.fetched = data; 
    }) 
}); 

這裏是一個plunker example。