Solo me muestra el titulo de la aplicacion

al generar mi app ionic solo me muestra el tiulo de la pantalla y lo demas en negro
estoy utilizando

ionic 6.20.1
cordova 11.0.0

Necesitas dar más información. No podemos ayudarlo solo con la información que proporcionó.

solo estoy mostrando los datos recuperado por una petición get y mostrándola en la pantalla principal

app.module.ts

import { NgModule } from ‘@angular/core’;
import { BrowserModule } from ‘@angular/platform-browser’;
import { RouteReuseStrategy } from ‘@angular/router’;

//import { HTTP } from “@awesome-cordova-plugins/http/ngx”

import { IonicModule, IonicRouteStrategy } from ‘@ionic/angular’;

import { AppComponent } from ‘./app.component’;
import { AppRoutingModule } from ‘./app-routing.module’;
import { HttpClientModule } from ‘@angular/common/http’;

@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule,HttpClientModule,],
providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
bootstrap: [AppComponent],
})
export class AppModule {}

servicios

import { Injectable } from ‘@angular/core’;
import { HttpClient } from ‘@angular/common/http’;
//import { HTTP } from ‘@awesome-cordova-plugins/http/ngx’;

@Injectable({
providedIn: ‘root’
})
export class ListaService {

constructor(

private http:HttpClient

) { }

getListproductos() {

//return this.http.get<Lista>(“http://zuseconsulting.com:1337/api/comidas”)
return this.http.get(‘http://zuseconsulting.com/app_tellos/apppan/consultar.php’)

}
}

home.page.ts

import { Component } from ‘@angular/core’;
import { ListaService } from ‘./lista.service’;

@Component({
selector: ‘app-home’,
templateUrl: ‘home.page.html’,
styleUrls: [‘home.page.scss’],
})
export class HomePage {

DataArray: any = ;

constructor(

private ListserService: ListaService
) {}

ngOnInit() {

//console.log(“cargo”)
}

ionViewWillEnter() {

this.getMuestra();
}

getMuestra() {

this.ListserService.getListproductos().subscribe(
(res) =>{

this.DataArray = res;

console.log(this.DataArray);

},

(err) => console.log(err)

);
}

}

home.page.html

<ion-header [translucent]=“true”>


Tellos Mexican Grill


<ion-content [fullscreen]=“true”>


Tellos Mexican Grill

<ion-card *ngFor="let post of DataArray ">

{{post.id}}

<ion-img [src]=“post.imagen” >

{{post.descripcion}}
${{post.PrecioDolaresFull}}
Agregar a Carrito