Angular $ HTTP-Dienst keine Objekte aus JSON bekommen Hier Datei

Question

ist mein http Service-Code:

app.controller('StoreController', ['$http', function($http){ 
    var store = this; 
    store.products = []; 
    $http.get('/store-products.json').then(function(data){ 
     store.products = data; 
    }); 
}]); 

Und hier ist meine JSON-Code:

[ 
    { 
     "name": "...", 
     "price": 20.00, 
     "description": "...", 
     "canPurchase": false, 
     "images": [ 
      "...jpg", 
      "...jpg", 
      "...jpg" 
     ], 
     "reviews": [] 
    }, 
    { 
     "name": "...", 
     "price": 15.95, 
     "description": "...", 
     "canPurchase": true, 
     "images": [], 
     "reviews": [] 
    } 
] 

Wenn ich führen Sie den Code auf localhost-Server Es zeigt meine Objekte nicht. Es gibt auch keine Fehler in der Konsole, die zeigen, so dass ich nicht sehen kann, wo ich falsch liege. Kann jemand das Problem hier sehen?

Answer 1

Ihre JSON-Daten werden um response.data von $http.get gewickelt.

Änderung an unter Code löst das Problem (stellen Sie auch sicher, dass Ihre JSON-Datei am richtigen Ort ist).

$http.get('/store-products.json').then(function(res){ 
    store.products = res.data; 
}); 

Plunker demo.