Добрый день эксперты. пожалуйста, мне нужна ваша помощь, я создал метод, который загружает все продукты Woocommerce в мое приложение ioni c с помощью API Woocommerce. Пожалуйста, как получить только те товары, которые есть в наличии?
woocommerce.service.ts
//get all Products
getAllProducts(){
this.apiUrl = `${this.siteUrl}${this.woocommercePath}products?per_page=11&consumer_key=${this.consumerKey}&consumer_secret=${this.consumerSecret}`
console.log(this.apiUrl);
this.products = this.http.get(this.apiUrl).pipe( retry(1),catchError(this.handleError) );
return this.products;
}
товаров. html
<ion-row class="container">
<ion-col size="6" *ngFor="let product of products" >
<ion-card >
<img src="{{ product.images[0].src }} "/>
<ion-card-header>
<ion-card-title>{{ product.name }}</ion-card-title>
</ion-card-header>
<ion-card-content>
<ion-label>
<h3>Price: {{ product.price | number:'1.0-0' }}</h3>
</ion-label>
</ion-card-content>
<ion-button size="small" expand="full" color="success" >
Order
</ion-button>
</ion-card>
</ion-col>
</ion-row>