How do i convert data from json to list of objects using angular js

Question

I am new to angular js . I have a json response which i want to convert to list of objects and use ng-repeat to display these object. I am getting a list of these objects which are as follow

    1 : 
{"_id":"56e75b42c9cbbb7765414cdf",
"email":"[email protected]",
"phone":"02-653-2900",
"display_name":"KFC",
"registered_name":"KFC",
"__v":0,
"address":
    {"country":"TH",
       "state":"TH14,
       "postcode":"10150",
       "suburb":"Klongteay",
       "address2":"Sukhumvit Rd",
       "address1":"142 Two Pacific Place"},
"date_modified":"2016-03-15T00:45:54.631Z",
"date_created":"2016-03-15T00:45:54.626Z",
"status":"active",
"logo":{"path_to_file":"90cf845d95.png"}
}

I have saved the above object in $scope.results and i want to do something like

<div ng-repeat="user in  results.data  ">
           <span>Phone </span><span>{{user.phone}}:</span> 
            <span>Display Name</span><span>{{user.display_name}}:</span> 
</div>

How can i achieve this?

Apart from AngularJS, you can use a simple JSON.parse. See stackoverflow.com/questions/4935632/parse-json-in-javascript and msdn.microsoft.com/library/cc836466(v=vs.94).aspx — lealceldeiro
– lealceldeiro, Commented Mar 6, 2017 at 13:00
Take care you missed a double quote at last line in the state value "address": {"country":"TH", "state":"TH14", apart from that it should work as it is. — nullbyte
– nullbyte, Commented Mar 6, 2017 at 13:03
post your js code also, which one you are using in your get, .then or .success ? — Pratyush Pranjal
– Pratyush Pranjal, Commented Mar 6, 2017 at 13:04

Gaurav Kumar Singh · Accepted Answer · 2017-03-06 13:00:54Z

0

Create a new controller

angular.module('appname').controller('ctrl', function($scope, $http){
 $http.get('url-to-json').then(function(res){
  $scope.results = res;
 });
})

answered Mar 6, 2017 at 13:00

Gaurav Kumar Singh

1,5703 gold badges11 silver badges31 bronze badges

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

Comments

Anand G · Accepted Answer · 2017-03-06 13:26:29Z

0

Nothing is wrong with your ng-repeat but the JSON is not valid. A small double quote is missing in "state":"TH14,

Here is the working plunker http://plnkr.co/edit/Z4n9oSIznVnFsNTOcLJX?p=preview

It should be

    1 : 
{"_id":"56e75b42c9cbbb7765414cdf",
"email":"[email protected]",
"phone":"02-653-2900",
"display_name":"KFC",
"registered_name":"KFC",
"__v":0,
"address":
    {"country":"TH",
       "state":"TH14",
       "postcode":"10150",
       "suburb":"Klongteay",
       "address2":"Sukhumvit Rd",
       "address1":"142 Two Pacific Place"},
"date_modified":"2016-03-15T00:45:54.631Z",
"date_created":"2016-03-15T00:45:54.626Z",
"status":"active",
"logo":{"path_to_file":"90cf845d95.png"}
}

edited Mar 6, 2017 at 13:26

answered Mar 6, 2017 at 13:21

Anand G

3,2102 gold badges24 silver badges30 bronze badges

Collectives™ on Stack Overflow

How do i convert data from json to list of objects using angular js

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related