Synchronization Angular 5和Ionic 3中的数据同步问题

我正在从本地API获取cartArray。我想打印购物车详细信息中的总价。即使在调用API之后，我的totalPrice变量始终为0。请解决这个问题

addtoCart.ts文件：

构造函数（公共navCtrl:NavController、私有ApisService:apiService、公共popoverCtrl:PopoverController、公共navParams:navParams）{
this.path=ENV.imageUrl.concat（'assets/imgs/medicalStore.png'）；
if（localStorage.getItem（'isLogin'）！=null）{
this.userDetail=JSON.parse（localStorage.getItem（'userDetails'）；
this.user\u id=this.userDetail['user\u id']；
this.apiService.getCartProducts（this.user\u id）.subscribe（response=>{
如果（响应['status']==200）{
this.cartary=response['response']；
this.cartary.forEach（（项，索引）=>{
控制台日志（项目价格）；
this.totalPrice=this.totalPrice+item.price*item.quantity；
});
}否则如果（响应['status']==500）{
log（响应['error'].sqlMessage）；
}
}); 

addtoCart.html:

订单摘要

项目数：{{cartArray.length}
应付金额：卢比{{totalPrice}

http响应

"response":[{"id":1,"user_id":1,"user_name":"adi","product_id":1,"product_name":"knee cap","price":123,"quantity":2,"size":"small","colour":"blue","cart_date":"2018-06-07T10:33:34.000Z"},{"id":5,"user_id":1,"user_name":"adi","product_id":1,"product_name":"knee cap","price":123,"quantity":2,"size":"small","colour":"blue","cart_date":"2018-06-07T10:43:49.000Z"}]

---

您是否记录了

response

？您的http呼叫是什么样子的？http响应：“response”：[{“id”：1，“user\u id”：1，“user\u name”：“adi”，“product\u id”：1，“product\u name”：“膝盖帽”，“price”：123，“quantity”：2，“size”：“small”，“color”：“blue”，“cart\u date”：“2018-06-07T10:33:34.000Z”}，{“id”：5，“user\u id”：1，“user\u name”：“adi”，“product\u id”：1，“product\u name”：“膝盖帽”“价格”：123，“数量”：2，“大小”：“小”，“颜色”：“蓝”，“购物车日期”：“2018-06-07T10:43:49.000Z”}]所以你没有得到标题…

response['status']==200

检查明显失败这是http响应：{“status”：200，“error”：null，“response”：[{“id”：1，“user\u-id”：1，“user\u-name”：“adi”，“product\u-id”：1，“product\u-name”：“膝关节”、“price”：123，“数量”：2，“大小”：“小”，“颜色”：“蓝色”，“购物车日期”：“2018-06-07T10:33:34.000Z”}，{“id”：5，“用户id”：1，“用户名”：“adi”，“产品id”：1，“产品名称”：“膝盖帽”，“价格”：123，“数量”：2，“大小”：“小”，“颜色”：“蓝色”，“购物车日期”：“2018-06-07T10:43:49.000Z”}