来自 json 文件的数据未在 AngularJS 中加载


Data from json file is not loading in AngularJS

为什么我的数据没有加载到表中。我想我在标签上做错了什么。它包含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 无法正常工作,我需要错误消息来进一步帮助您。