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