javascript - AngularJS调用json文件的方法

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>

我的json文件是这个

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

我尝试调用它，但没有成功，任何想法 谢谢…………

Answer 1

您的 JSON 文件格式不正确，它必须具有顶级类型。在您的情况下，数组就可以了。

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

查看此帖子 Can an array be top-level JSON-text?了解更多详情。