Question

我的list.html文件此文件包含我使用Woocommerce API获取的产品列表。虽然一切正常，但我无法将变化价格与每个变体绑定。因为在woocommerce中，每个变体都有自己的ID和价格在那个数组中给出。我很困惑如何得到其特定变化的价格。

<ion-slide>  <!--This slide is for fruits-->
  <ion-card *ngFor="let product of products" no-padding>
    <ion-item>
      <ion-thumbnail item-start>
        <img-loader *ngIf="product.images" src="{{product.images[1].src}}" 
          useImg>
        </img-loader>
      </ion-thumbnail>
      <h4 top text-wrap>{{product.name}}</h4>
      <p>Rs.{{product.price*product.quantity}}</p>
      <ion-icon icon-only class="dec" name="remove-circle" 
          (click)="decrement(product)">
      </ion-icon>
      {{product.quantity}}
      <ion-icon icon-only class="inc" name="add-circle" 
        (click)="increment(product)">
      </ion-icon>
    </ion-item>

    <ion-item *ngFor="let attr of product.attributes">
      <ion-select [(ngModel)]="qty" placeholder="QTY">
        <ion-option *ngFor="let opt of attr.options" [value]="opt">
           {{ opt }}
        </ion-option>
      </ion-select>
    </ion-item>       
    <button color="light" class="addbtn" ion-button clear >add</button>

   </ion-card>
  </ion-slide>

这是我的list.ts文件我使用getAynsc（）来获取数据。

   this.WooCommerce.getAsync('products?
    category=34&per_page=10').then((result) => {

  console.log(JSON.parse(result.toJSON().body));
  this.products = JSON.parse(result.toJSON().body);
  console.log(this.products);
  this.productsvv.forEach(product => { product.quantity = 1; });
  this.products.forEach(product => { product.quantity = 1; });
  return JSON.parse(result.toJSON().body);



}, (err) => {
  console.log(err)


})

如何约束产品价格对离子3和woocommerce的产品变化

0 个答案: