角$ 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。