AngularJS $ http.get不回拉

Question

爲什麼這不拉回任何東西？我不斷收到錯誤消息，我無法弄清楚原因。我試圖在響應數據上使用JSONParse並將其重新分配給$ scope，但這並沒有幫助。我在我的F12控制檯中沒有錯誤。我知道JQuery是一個更好的解決方案，但我更喜歡Javascript，但我會採取兩個。提前致謝。

var controlSeletor = angular.module('moduleName', []); 
controlSeletor .controller('variableController', function($scope, $http) { 
    $http.get("data.json") 
    .then(
    function(response) { 
    // Success 
    $scope.variable = response.data; 
    }, 
    function(response){ 
    // Error 
    alert("Error!"); 
    } 
); 
}); 

的JSON是一個單獨的文件，看起來像這樣：

[{ 
    "url": "place.html", 
    "name": "Bob", 
    "pic": "bob.jpg" 

}, 
{ 
    "url": "place.html", 
    "name": "Mike", 
    "pic": "mike.jpg" 

}, 
{ 
    "url": "place.html", 
    "name": "Tony", 
    "pic": "tony.jpg" 
}]; 

Answer 1

您的JSON是無效的，如下改變它，

[{ 「URL」：「 「」， 「name」：「Bob」， 「pic」：「bob.jpg」}，{ 「url」：「place.html」， 「name」：「Mike」， 「pic 「： 「mike.jpg」}，{ 「URL」： 「place.html」， 「名」： 「託尼」， 「PIC」： 「tony.jpg」}]

var app = angular.module('filterApp', []); 
app.controller('myCtrl', function($scope, $http) { 
    $http.get('data.json'). 
    then(function(response) { 
    $scope.variable = response.data; 
    }); 
}); 

DEMO

Answer 2

幾點意見：

• 控制器的聲明是不正確的。它應該是controlSeletor.controller而不是controlSeletor .controller。您的JSON不是valid JSON。

有效JSON應該是這樣的：