2016-01-20 4 views
0
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-файл.как читать данные json от сервера, используя angularJs в eclipse?

![enter image description here] 1

Но я получаю выход, как показано ниже image.Please, дайте мне знать, почему он не читает данные с сервера

ответ

0

вы пропустили директиву нг-приложение

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

Спасибо, что это работает, но, пожалуйста, дайте мне знать, где я должен размещать файлы, из которых я должен читать данные в динамическом веб-проекте eclipse. Другое дело, что я часто путался, что я поместил json-файл в то же место, что и html-файл, поэтому почему сказано, что я читаю файл с сервера. – user3907559

+0

Pleasse дайте мне знать, что я спросил выше? – user3907559

Смежные вопросы