Saving json as an array of objects

Question

I have an angular app that looks like this:

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

})();

I want to load the whole tabs array from a json. I have no problem to generate a json and fetch it, but I don't know how to convert it into the format as shown above.

When I try to do var tabs=jQuery.getJSON('myJson.json');, the json is fetched, but it's not loaded in the format that I want.

How can I convert a json into the format of the array shown above?

While my json looks like that -

[
    {   
        "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."
    }
];

I can format it however I want. For now, each element in the json looks like that { "id": "1", "name": "first tab name", "title": "first tab title", "content": "first tab cont" }, — Roysh
– Roysh, Commented Jan 21, 2015 at 10:20
You need to provide the format of your json... JSON is not a standard format, the array you have provided can be considered a json. If you don't provide the json format that you fetched, we can't possibly help you transform it into the array format you require... — yangli-io
– yangli-io, Commented Jan 21, 2015 at 10:24
They are the same format... the only difference is you have written the keys with quotation marks where as your array doesn't have quotation marks.. it really makes no difference to the javascript engine. — yangli-io
– yangli-io, Commented Jan 21, 2015 at 10:31

yangli-io · Accepted Answer · 2015-01-21 10:37:58Z

1

Use the $http service in angular. For example, if you have a data.json file in the same folder that contains the json data then use

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

Here is a plunker example.

answered Jan 21, 2015 at 10:37

yangli-io

17.4k8 gold badges43 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

yangli-io Over a year ago

then just change it to ... var tabs = data;

Roysh Over a year ago

that's right! but one of the things we should be aware of is that the json should not end with a ;

Collectives™ on Stack Overflow

Saving json as an array of objects

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related