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

Question

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

0

В приведенном ниже коде,

<!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"
  }
]

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

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

overexchange 06 янв. 2016, в 19:04

Источник

0

Вы также должны обрабатывать обратный вызов .error , а не только .success .
Avijit Gupta 06 янв. 2016, в 18:09

Теги:

javascript

angularjs

json

2 ответа

2

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

kamal 06 янв. 2016, в 15:47

0

Это обязательно, чтобы добавить ng-app ?
overexchange 06 янв. 2016, в 18:36
0

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

Но все равно код не работает. Вы можете возиться с кодом?
overexchange 06 янв. 2016, в 18:47
0

Вот это jsfiddle.net/kamalbala/49ytoy32 Проверьте консоль
kamal 06 янв. 2016, в 19:35

Показать ещё 2 комментария

Ещё вопросы

Вы также должны обрабатывать обратный вызов .error , а не только .success .
Это обязательно, чтобы добавить ng-app ?
Да, ng-app сообщает angularjs, что элемент HTML-тега является «владельцем» приложения AngularJS. Вы можете добавить ng-app к любому тегу, например тегу div
Но все равно код не работает. Вы можете возиться с кодом?
Вот это jsfiddle.net/kamalbala/49ytoy32 Проверьте консоль

Lax · Accepted Answer · 2016-01-06T17-12-00.000Z

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

<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"
  }

    ]  

}

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