woocommerce-api не заполняет переменную для отображения данных в ионном режиме

Question

Я использую woocommmerce-api и ionic для извлечения данных с сайта woocommerce, но он не показывает данные на внешнем интерфейсе, я могу видеть данные в консоли. при попытке присвоить его переменной он возвращает значение null / undefined. Может кто-нибудь помочь / предложить решение. фрагмент кода ниже.

import { Component } from '@angular/core';
import { NavController,ToastController } from 'ionic-angular';
import * as WC from 'woocommerce-api';
import { WoocommerceProvider } from '../../providers/woocommerce/woocommerce';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  WooCommerce: any;
  products: any[];
  moreProducts: any[];
  page: number;
  searchQuery: string = "";

  constructor(public navCtrl: NavController,private WP: WoocommerceProvider, public toastCtrl: ToastController) {
    this.page = 2;

    this.WooCommerce = WP.init();
    this.products=[]
    this.WooCommerce.getAsync("products").then( (data) => {
      console.log(data.toJSON().body); --> this shows data in console.
      this.products = data.toJSON().body;
    }, (err) => {
      console.log(err)
    })

    console.log(this.products); --> in console this is empty/undefined

  }