如何使用AngularJS调用json文件答案

【问题标题】：How to use AngularJS to call json file如何使用AngularJS调用json文件
【发布时间】：2023-03-23 11:56:01
【问题描述】：

<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"}

我尝试调用它，但不成功，任何想法谢谢.......

【问题讨论】：

可以检查您的控制台吗？并发布错误

标签： javascript angularjs json

【解决方案1】：

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

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

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

【讨论】：