Estoy tratando de crear una aplicación iónica de 3 pestañas con carga diferida sin importar los componentes.
en mi aplicación.component.ts
rootPage:string = "Tabs";en tabulaciones.html
<ion-tabs> <ion-tab [root]="Favorites" tabTitle="fav" tabIcon="star"></ion-tab> <ion-tab [root]="libaray" tabTitle="Library" tabIcon="book"></ion-tab> </ion-tabs>en Favoritos.module.ts
import { NgModule } from '@angular/core'; import { IonicPageModule } from 'ionic-angular'; import { Favorites } from './favorites'; @NgModule({ declarations: [ Favorites, ], imports: [ IonicPageModule.forChild(Favorites), ], exports: [ Favorites ] }) export class FavoritesModule {}hasta ahora, la página de pestañas se carga correctamente pero no se ve (página en blanco). ¡Creo que el problema es que estoy usando el atributo [raíz] con carga diferida! como arreglar eso?
Gracias
Consulte aquí .
<ion-tab [root]="Favorites" tabTitle="fav" tabIcon="star"></ion-tab> <ion-tab [root]="libaray" tabTitle="Library" tabIcon="book"></ion-tab> Aquí libaray y Favorites deben ser variables del componente.
En su componente, intente establecer una cadena equivalente de la página iónica a las variables en Tabs.ts :
export class Tabs{ Favorites:any='Favorites'; libaray:any = 'libaray'; //assuming you tried to give the page class name to `root`. }Nota : asegúrese de no importar sus páginas cargadas de forma diferida en ningún otro lugar que no sea dentro del módulo de la página.
Asegúrese de incluir en Tabs.html [root]="FavoritesRoot" como se indica a continuación
<ion-tabs> <ion-tab [root]="FavoritesRoot" tabTitle="fav" tabIcon="star"></ion-tab> <ion-tab [root]="libarayRoot" tabTitle="Library" tabIcon="book"></ion-tab> </ion-tabs>