Ionic 4 not showing data in HTML

l’m developing app.The code working fine in console with out any error , but no information in html. Here is the code :

    <ion-buttons slot="start">

          <ion-slide *ngFor="let product of products">
           <ion-card no-padding>
              <img [src]= 'product.images[0].src' />

import { Component } from '@angular/core';
import { NavController } from '@ionic/angular';
import * as WS from 'woocommerce-api';

  selector: 'app-home',
  templateUrl: '',
  styleUrls: [''],
export class HomePage {
  WooCommerce : any;
  products : any[];
  constructor(public navCtrl : NavController)
    this.WooCommerce = WS({
      consumerKey: "ck_******",
      consumerSecret: "cs_*****",
      wpAPI: true,
      version: 'wc/v1'
    this .WooCommerce.getAsync("products").then((data) =>{
      this.products= JSON.parse(data.body).products;
    },(err) =>{


Ionic Info:

ionic (Ionic CLI) : 4.10.0


NodeJS : v11.8.0 npm : 6.5.0 OS : Windows 10

I am having the same problem, but have found no solutions. Have you figured anything out yet?

Can u check if ur view is loaded first or u get ur data from ur getAsync call?

Hi, have you managed to solve this? What was the problem?