Ошибка при загрузке json-данных через AngularJs

Question

<div ng-app="myApp" ng-controller="customersCtrl"> 
<ul> 
<li ng-repeat="x in names"> 
{{ x.Name + ', ' + x.Country + ', ' + x.City }} 
</li> 
</ul> 
<p ng-repeat="y in localnames">{{ y.Adrs + ', ' + y.Place + ', ' + y.Country }}</p> 
</div> 

var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($scope, $http) { 
    $http.get("customers.json") 
    .success(function (response) {$scope.names = response.records;}); 
    .success(function (response) {$scope.localnames = response.locrecords;}); 
}); 

//JSON 
{ 
"records":[ 
{"Name":"Alfreds Futterkiste","City":"Berlin","Country":"Germany"}, 
{"Name":"Comércio Mineiro","City":"São Paulo","Country":"Brazil"} 
] 

"locrecords":[ 
    {"Adrs":"My Address","Place":"Mavelikara","Country":"India"}, 
    {"Adrs":"My Address","Place":"Mavelikara","Country":"India"} 
] 
} 

Я пытаюсь загрузить данные JSON в HTML с помощью Angular.js. Почему он не работает после добавления второго массива? Он работает при удалении $scope.localnames.

Данные и HTML, используемые здесь: https://drive.google.com/file/d/0B4DOAWmRNQn1cGNEWVRqOU9xUVE/view?usp=sharing

Answer 1

Вы получили синтаксическую ошибку в вас код JavaScript. вы должны удалить лишние ;:

var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($scope, $http) { 
    $http.get("customers.json") 
    .success(function (response) {$scope.names = response.records;}) 
    .success(function (response) {$scope.localnames = response.locrecords;}); 
}); 

Answer 2

Вы нарушаете свой $http цепочки.

$http.get("customers.json") 
    .success(function (response) {$scope.names = response.records;}); <-- remove ; 
    .success(function (response) {$scope.localnames = response.locrecords;}); 

Кроме того, ваш JSON сломан. Вам не хватает , (запятая) после records.

JSON

{ 
"records":[ 
{"Name":"Alfreds Futterkiste","City":"Berlin","Country":"Germany"}, 
{"Name":"Comércio Mineiro","City":"São Paulo","Country":"Brazil"} 
], 

"locrecords":[ 
    {"Adrs":"My Address","Place":"Mavelikara","Country":"India"}, 
    {"Adrs":"My Address","Place":"Mavelikara","Country":"India"} 
] 
} 

Answer 3

Ответ на ваш вопрос. Вы JSON НЕВОЗМОЖНО. Вы пропустили , между записями и locrecords. Форматирование кода помогает ;-)

{ 
"records": [{ 
    "Name": "Alfreds Futterkiste", 
    "City": "Berlin", 
    "Country": "Germany" 
}, { 
    "Name": "Comércio Mineiro", 
    "City": "São Paulo", 
    "Country": "Brazil" 
}], 

"locrecords": [{ 
    "Adrs": "My Address", 
    "Place": "Mavelikara", 
    "Country": "India" 
}, { 
    "Adrs": "My Address", 
    "Place": "Mavelikara", 
    "Country": "India" 
}] 
} 

Answer 4

Его массив, я думаю, что у вас называть, как показано ниже, $ scope.localnames = response.locrecords [0]

И если ее не работает, то и должен вызывать parseJSON (данные [0]) на нем.

Спасибо, Самрат Саркаром блог: coderstutorial.blogspot.com

Answer 5

Фикс как JSON и HTML

HTML

$http.get("customers.json") 
.success(function (response) { 
    $scope.names = response.records; 
    $scope.localnames = response.locrecords; 
}); 

JSON

{ 
"records":[ 
    {"Name":"Alfreds Futterkiste","City":"Berlin","Country":"Germany"}, 
    {"Name":"Comércio Mineiro","City":"São Paulo","Country":"Brazil"} 
], 
"locrecords":[ 
    {"Adrs":"My Address","Place":"Mavelikara","Country":"India"}, 
    {"Adrs":"My Address","Place":"Mavelikara","Country":"India"} 
] 
}