How to use AngularJS to call json file

Question

<div ng-app="myApp" ng-controller="customersCtrl"> 
<ul>
<li ng-repeat="x in myData">
{{ x.Name + ', ' + x.Country }}
</ul>
 </div>

<script>
var app = angular.module('myApp', []);

app.controller('customersCtrl', function($scope, $http) {
  $http.get("customers.php").then(function (response) {
      $scope.myData = response.data;
  });
});

</script>

My json file is this

{"Name":"Peter","Country":"Germany"}, 
{"Name":"Ana","Country":"Mexico"}

I try to call it ,but not successful, any idea Thanks.......

can check your console? and post the error

Sangram Badi
– Sangram Badi

2017-09-22 04:15:19 +00:00
Commented Sep 22, 2017 at 4:15 — Sangram Badi
– Sangram Badi, Commented Sep 22, 2017 at 4:15

eventHandler · Accepted Answer · 2017-09-22 03:47:48Z

1

Your JSON file's format is incorrect, it must have a top-level type. In your case, an array would be ok.

[
  {"Name":"Peter","Country":"Germany"}, 
  {"Name":"Ana","Country":"Mexico"}
]

Check this post Can an array be top-level JSON-text? for some more detail.

answered Sep 22, 2017 at 3:47

eventHandler

1,20913 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

How to use AngularJS to call json file

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related