Невозможно читать JSON с помощью angularjs

В приведенном ниже коде,Невозможно читать JSON с помощью angularjs

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Dashboard</title> 
     <!-- Libs --> 
     <script src="angular.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"> 

    </body> 
</html>

/* country_codes.json */

[ 
    { 
    "code": "AD", 
    "name": "Andorra", 
    "population": "84000" 
    }, 
    { 
    "code": "AE", 
    "name": "United Arab Emirates", 
    "population": "4975593" 
    } 
]

Согласно отладки, я не вижу ошибка и функции обратного вызова не выполняются.

Почему обратный вызов контроллера не выполняется?

источник

2016-01-06 overexchange

Вы должны обрабатывать '.error' обратного вызова тоже, а не только'. success'. –

функция Add ошибка, и вы увидите сведения об ошибке:

<script> 
     var countryApp = angular.module('countryApp', []); 
     countryApp.controller('CountryCtrl', function ($scope, $http){ 
       $http.get('country_codes.json') 
    .then(function(data) {$scope.countries = data;} 
, 
      function(data) {console.log("error: "+data)}); 
}); 
</script>

изменения в формате JSON:

{ 
    "countries": [ 
    { 
    "code": "AD", 
    "name": "Andorra", 
    "population": "84000" 
    }, 
    { 
    "code": "AE", 
    "name": "United Arab Emirates", 
    "population": "4975593" 
    } 

    ] 

}

источник

2016-01-06 18:15:35 Lax

Теперь, я вижу, синтаксическая ошибка в json 1: 1 – overexchange

После добавления ng-app = "countryApp" в ваш тег html его работы для меня.

источник

2016-01-06 18:13:11 kamal

Обязательно добавить 'ng-app'? – overexchange

Да, ng-app сообщает angularjs, что элемент HTML-тега является «владельцем» приложения AngularJS. Вы можете добавить ng-app к любому тегу, как тег div – kamal

Но все же код не работает. Можете ли вы скриптировать код? – overexchange

Невозможно читать JSON с помощью angularjs

ответ

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