AngularJS $ http.getが引き戻されない

なぜこれを取り戻さないのですか？私は、エラーメッセージが表示され続けていると私は理由を把握することはできません。 JSONParseをレスポンスデータに使用して$スコープに再割り当てしようとしましたが、それは役に立たなかった。私はF12コンソールにエラーはありません。私はJQueryがはるかに優れたソリューションだと知っていますが、私はJavascriptを好むので、私は両方を取るでしょう。早めにありがとう。 [{ "URL"

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

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

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

出典

2017-08-01 JMizzle

：あなたのコードは、この '関数（応答）{ //エラーアラート（」ない場所を確認エラー！"）; } '...どうして' console.error（response）; ' - なぜあなたはエラーが何であるかを見ることができます!! –

'jsonは独立したファイルで、このように見えます.' - 実際には[有効なJSON]（http://www.json.org/）ではありません。なぜなら、キーは' "..."で囲まれていないからです。 –

console.error（応答）について私に思い出させるため。 – JMizzle

あなたのJSONが有効ではありません、以下のように変更し、

：
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は別のファイルで、このようになります」「place.html」、 "名前"： "Bob"、 "pic"： "bob.jpg"}、{ "url"： "place.html"、 "名前"： "マイク"、 "写真「： "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

出典

2017-08-01 02:32:42 Sajeetharan

ありがとうございました！ – JMizzle

答えとしてマークしてください – Sajeetharan