Question

Hers is my code in html pasted in WebContent folder created using Dynamic Web Project in eclipse:

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script>
      var countryApp = angular.module('countryApp', []);
      countryApp.controller('CountryCtrl', function ($scope, $http){
        $http.get('country_codes.json').success(function(data) {
          $scope.countries = data;
        });
      });
    </script>
  </head>

  <body ng-controller="CountryCtrl">
    <h2>Angular.js JSON Fetching Example</h2>
    <table>
      <tr>
        <th>Code</th>
        <th>Country</th>

        <th>Population</th>
      </tr>
      <tr ng-repeat="country in countries | orderBy: 'code' ">
        <td>{{country.code}}</td>
        <td>{{country.name}}</td>
        <td>{{country.population}}</td>

      </tr>
    </table>

  </body>

</html>

json数据写在“country_codes.json”中，该文件位于放置html文件的同一位置。

![enter image description here ] here

但是我得到的输出如下图所示。请让我知道它为什么不从服务器读取数据

Answer 1

你错过了ng-app指令

<body ng-app="countryApp" ng-controller="CountryCtrl">.....</body>

如何在eclipse中使用angularJs从服务器读取json数据？

1 个答案: