为什么我的数据没有加载到表中。我想我在标签上做错了什么。它包含myModule,但我正在脚本中设置myApp。请查看我的代码,尝试了所有方法,但没有帮助。
这是我的索引.php文件
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myModule">
<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script>
var myApp = angular.module("myModule", []);
myApp.controller('myController',function($scope,$http){
$http.get('data.json').success(function(data){
$scope.countries = data;
});
});
</script>
</head>
<body ng-controller="myController">
<table border=1 cellpadding="5" cellspacing="0">
<tr><td>Country</td><td>Capital</td></tr>
<tr ng-repeat="country in countries"><td>{{ country.name }}</td><td>{{ country.capital }}</td></tr>
</table>
</body>
</html>
这是我的 data.json 文件,位于我的索引所在的同一文件夹中.php。
[
{name: "India", capital: "New Delhi"},
{name: "USA", capital: "Washington D.C."},
{name: "Russia", capital: "Moscow"},
{name: "France", capital: "Paris"},
{name: "China", capital: "Beijing"},
{name: "UK", capital: "London"}
]
表中仍然没有数据,请帮忙。
您正在将响应对象分配给您的国家/地区。您应该分配响应数据。查看$http文档。
myApp.controller('myController',function($scope,$http){
$http.get('data.json').success(function(response){
//$scope.countries = response;
$scope.countries = result.data;
});
这是我可以看到您的代码有问题的一件事。但是,如果您的 API 无法正常工作,我需要错误消息来进一步帮助您。