2015-01-21 110 views
0

的阵列我有一个角度的应用程序,看起来像这样:保存JSON作为对象

(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." 
    } 
]; 
+0

这取决于你的json格式是什么 – 2015-01-21 10:17:15

+0

我可以格式化它,但我想要的。 现在,在JSON的每个元素看起来像 '{ “ID”:“1”, “名”:“第一个选项卡名称”, “称号”:“第一分页标题”, “内容” :“第一个标签页” },' – Roysh 2015-01-21 10:20:45

+0

您需要提供您的json格式... JSON不是标准格式,您提供的数组可以被视为json。如果您没有提供您提取的json格式,我们无法帮助您将其转换为您需要的数组格式... – 2015-01-21 10:24:51

回答

1

在角使用$ http服务。举例来说,如果你有一个包含JSON数据的同一个文件夹data.json文件,然后使用

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

这里是一个plunker example

+0

下面,然后将其更改为... var tabs = data; – 2015-01-21 12:08:07

+0

没错!但我们应该意识到的一件事是,json应该不**以';'结尾 – Roysh 2015-01-25 13:33:01