角$ http服务没有得到来自以.json对象文件
问题描述:
这里是我的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": []
}
]
当我运行本地主机服务器上的代码,它不显示我的对象。显示控制台中也没有错误,所以我不能看到我出错的地方。任何人都可以在这里看到问题?
答
您的json数据包装在response.data
的$http.get
。
更改为下面的代码将解决问题(也请确保您的json文件在正确的位置)。
$http.get('/store-products.json').then(function(res){
store.products = res.data;
});
这工作!谢谢。我现在正在学习角度,我首先编写HTTP服务的方式是他们建议奇怪地编写代码的方式。 – Derm
@德尔姆欢迎您。 – Pengyy