在Ionic3中将多个项目添加到购物车

时间:2018-07-16 09:45:28

标签: angular typescript ionic3

我正在尝试使用复选框将多个项目添加到购物车。但是,每当我在购物车中添加第二个项目时,第一个项目中的内容也会更改。

part.html

peers-demo

part.ts

<tr *ngFor="let item of parts; let i=index" class="pt-4">
           <td><ion-checkbox [(ngModel)]="item.selected" (ionChange)="updateCartArray(item)"></ion-checkbox></td>
           <td style="text-align:center">{{i+1}}</td>
           <td>{{item.partNumber}}</td>
           <td>{{item.description}}</td>
</tr>

part.json

    updateCartArray(item){
        if(item.selected){
          this.cartItemObject['PartId']=item.partId;
          this.cartItems.push(this.cartItemObject);
        } else{
          this.cartItems.splice(this.cartItems.indexOf(this.cartItemObject),1);
        }
        console.log(this.cartItems);
   }

0 个答案:

没有答案