Woocommerce products are not displaying in ionic

Dear friends
Hope you will be fine, Actually I am facing some problems with woocommerce in ionic. I am trying to display woocommerce products in ioinc app. Everything works fine in console log but not displaying in a page Can you help me please???


Saw my ts file:

import { Component } from '@angular/core';

import { NavController, NavParams } from 'ionic-angular';

import * as HA from 'woocommerce-api';


selector: 'page-all-products',

templateUrl: 'all-products.html',


export class AllProductsPage {

WooCommerce: any;

products: any[]

constructor(public navCtrl: NavController, public navParams: NavParams) {

this.WooCommerce = HA({


consumerKey: 'MyConsumerkey',

consumerSecret: 'MYConsumerSecret',

wpAPI: true,

version: 'wc/v3',

queryStringAuth: true // Force Basic Authentication as query string true and using under HTTPS


this.WooCommerce.getAsync("products").then( (data) => {


this.products = JSON.parse(data.body).products;

}, (err) => {




ionViewDidLoad() {

console.log('ionViewDidLoad AllProductsPage');




Saw my html file:



<ion-title style=“text-align: center;”> Our Products </ion-title>



<ion-content padding>


<ion-item *ngFor=“let product of Products”>


<img [src]=“product.featured_src”>


<h2> {{ product.title }} </h2>


<span [innerHTML]=“product.short_description”></span>

<span [innerHTML]=“product.price_html”></span>





Can someone help me please???