francoleung francoleung - 25 days ago 7
JSON Question

How to use AngularJS to call json file

<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.......

Answer Source

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.