Accessing JSON element in angularjs

Question

I have a JSON as given below and wanted to access city element in my angularjs. I am trying record1.vendorInfo.addresses.city but it is not working here record1 is JSON data returned from $http.get.

{  
  "vendorId":"9818111362",
  "vendorInfo":{  
    "addresses":[  
      {  
        "id":1,
        "city":"Delhi",
        "locality":"Mayur Vihar Phase 1",
        "latitude":1123.4,
        "longitude":2234.5,
        "detailAddress":"Flat No. 199, gali no 6, pandav nagar",
        "addressType":"HOME"
      }
    ]
  }
}

Why do you write in bold ? we are not blind. And show the js code when it fails. — anotherdev
– anotherdev, Commented Jan 3, 2016 at 9:47

cyrus zhou · Accepted Answer · 2016-01-03 10:12:44Z

3

addresses is an Array,you should access city by rec.vernderinfo.addresses[0].city

answered Jan 3, 2016 at 10:12

cyrus zhou

1214 bronze badges

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

Comments

mat3e · Accepted Answer · 2016-01-03 09:51:09Z

1

You have to create object from JSON. E.g. var rec = angular.fromJson(record1). Then it would be possible to navigate through properties: rec.vendorInfo.addresses.city.

answered Jan 3, 2016 at 9:51

mat3e

7915 silver badges18 bronze badges

1 Comment

varun kumar Over a year ago

Here is how my code looks like:. Please suggest . RecordApp.factory('recordaccess', ['$http', function($http) { return $http.get('record1.json') .then(function successCallback(response) { return response.data; }, function errorCallback(response) { alert("Error occurred. Status: " + response.status + " - " + response.statusText); }); }]); RecordApp.controller('MyController', ['$scope', 'recordaccess', function($scope, recordaccess) { recordaccess.then(function(data) { $scope.record1 = data; }); }]);

Collectives™ on Stack Overflow

Accessing JSON element in angularjs

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related