Question

这是我的appservice.ts中的一项功能，用于从本地存储中获取产品

 getproducts(){
    const storedCart = this.storage.get(this.key);
    if (storedCart != null) {
        this.mycart = storedCart;
        return this.mycart;
    }
else{
    return null;
}

}

这是我的购物车component.ts，我正在使用appservice调用该方法

export class CartComponent implements OnInit {
  carts:Cart[]=[];
  constructor(private appservice:AppService) { }
  getcartproducts(){
    this.carts=this.appservice.getproducts();//calling appservice
  }

  ngOnInit() {
  this.getcartproducts();

  }}

现在在我的cartcomponent.html

中

 <tr class="rem1" valign="middle" *ngFor="let cart of carts;let i = index">
 <div class="entry value"><span>{{cart[i].quantity}}</span></div>
</tr>

上面的代码给我错误

无法读取未定义的属性“数量”

我不知道我在哪里做错了，任何帮助将不胜感激！！

Answer 1

购物车是一个对象，您没有对象的索引，请将其更改为

 <div class="entry value"><span>{{cart?.quantity}}</span></div>

component.html中的变量在角度6中未定义

1 个答案: