Question

            <!DOCTYPE html>
            <html>
            <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
            <body>

            <div ng-app="myApp" ng-controller="customersCtrl">

            <ul>
              <li ng-repeat="x in myData">
                {{ x.iata + ', ' + x.continent }}
              </li>
            </ul>

            </div>

            <script>
            var app = angular.module('myApp', []);
            app.controller('customersCtrl', function($scope, $http) {
              $http.get("airports.json").then(function (response) {
                  $scope.myData = response.data.records;
              });
            });
            </script>

            </body>
            </html>

我的airports.json与我的html文件位于同一目录。 我还传递了JSON文件所在的url。但似乎没有运气。请指南

JSON网址： https://github.com/vedvasa/AngularPractice/blob/master/Assignment2/airports.json

我是否需要在localhost或服务器上托管我？

Answer 1

你需要一台服务器并且“airports.json”被放在服务器上，然后你用$ http.get来调用服务器，服务器应该返回“airports.json”数据。

似乎无法在我的角度应用程序上获取JSON数据

1 个答案: