getRows() ionic 4 com sqlite

[thiagonapoleao]

bom dia

estou tentando listar os produtos inserido no banco sqlite, mas não consigo retornar para a pagina html.
segue codigo

database.service.ts -------- repare que o console.log(this.row_data) funciona...

getRowsProduto(): any {
    console.log("getRowsProduto");
    this.databaseObj.executeSql("SELECT * FROM produtos", [])
      .then((res: any) => {
        if (res.rows.length > 0) {
          for (var i = 0; i < res.rows.length; i++) {
            this.row_data.push(res.rows.item(i));
            console.log(this.row_data);
          }
        }
        return this.row_data;
      })
      .catch(e => {
        alert("error " + JSON.stringify(e))
        console.log("error  getRows" + JSON.stringify(e));
      });
  }

produtos.page.ts ------ o console.log(this.listaprodutos); não retorna nada.

import { Component, OnInit } from ''''''''''''''''''''''''''''''''@angular/core'''''''''''''''''''''''''''''''';
import { SQLite, SQLiteObject } from ''''''''''''''''''''''''''''''''@ionic-native/sqlite/ngx'''''''''''''''''''''''''''''''';
import { DatabaseService } from ''''''''''''''''''''''''''''''''../../provider/database.service'''''''''''''''''''''''''''''''';
import { Produto } from ''''''''''''''''''''''''''''''''./produto.modelo'''''''''''''''''''''''''''''''';


@Component({
  selector: ''''''''''''''''''''''''''''''''app-produtos'''''''''''''''''''''''''''''''',
  templateUrl: ''''''''''''''''''''''''''''''''./produtos.page.html'''''''''''''''''''''''''''''''',
  styleUrls: [''''''''''''''''''''''''''''''''./produtos.page.scss''''''''''''''''''''''''''''''''],
})
export class ProdutosPage implements OnInit {


  prod: Produto = new Produto();
  listaprodutos: any [] = [];

  constructor(private sqlite: SQLite, private ds: DatabaseService) {}
  
  ngOnInit() {
  }

  insert() {
    this.ds.insertProduto(this.prod);
  }

  getRows(): any {
    console.log(''''''''''''''''''''''''''''''''getRows()'''''''''''''''''''''''''''''''');
    this.listaprodutos = this.ds.getRowsProduto(),[];
    console.log(this.listaprodutos);
  }

o console.log do database.serice.ts mostra o array
mas o console.log do produtos.page.ts não mostra nada, aparece "undefined"

console do emulador

getRows()
getRowsProduto
undefined
Array(8)
Array(8)
Array(8)
Array(8)
 Array(8)
Array(8)
 Array(8)
 Array(8)
0: {id: 1, descricao: "ffffffffff", ean: 2222222, tipo: "BEBIDA"}
1: {id: 2, descricao: "6yyyyyyyy", ean: 6666, tipo: "FRUTAS E VERDURAS"}
2: {id: 3, descricao: "6yyyyyyyy", ean: 6666, tipo: "FRUTAS E VERDURAS"}
3: {id: 4, descricao: "ggggg", ean: 555555, tipo: "BEBIDA"}
4: {id: 5, descricao: "tttttttttttt", ean: 22222222222, tipo: "ALIMENTOS"}
5: {id: 6, descricao: "ffffffff", ean: 55555, tipo: "FRIOS"}
6: {id: 7, descricao: "ffffffff", ean: 55555, tipo: "FRIOS"}
7: {id: 8, descricao: "ffffffffff", ean: 33333333, tipo: "FRIOS"}
length: 8
__proto__: Array(0)

[jctmz]

No database.service.ts
adicione um array global
DataProduto : any = [];

O metodo ficara asssim
getRowsProduto(): any { console.log("getRowsProduto"); this.databaseObj.executeSql("SELECT * FROM produtos", []) .then((res: any) => { dataProduto = []; if (res.rows.length > 0) { for (var i = 0; i < res.rows.length; i++) { this.dataProduto .push(res.rows.item(i)); console.log(this.row_data); } } }) .catch(e => { alert("error " + JSON.stringify(e)) console.log("error getRows" + JSON.stringify(e)); }); return this.dataProduto ; }