角$ http服務沒有得到來自以.json對象文件

Question

這裏是我的HTTP服務代碼：

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

這裏是我的JSON代碼：

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

當我運行本地主機服務器上的代碼，它不顯示我的對象。顯示控制檯中也沒有錯誤，所以我不能看到我出錯的地方。任何人都可以在這裏看到問題？

Answer 1

您的json數據包裝在response.data的$http.get。

更改爲下面的代碼將解決問題（也請確保您的json文件在正確的位置）。

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

Plunker demo。