आयनिक 3, आलसी लोडिंग टैब घटक

Question

मैं घटकों को आयात किए बिना आलसी लोडिंग के साथ आयनिक 3 टैब ऐप बनाने की कोशिश कर रहा हूं।

मेरी app.component.ts

rootPage:string = "Tabs"; 

tabs.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> 

Favorites.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 {} 

अब तक, टैब पृष्ठ लोड सफलतापूर्वक में लेकिन कोई दृश्य नहीं (खाली पृष्ठ)। मुझे लगता है कि मैं समस्या का उपयोग कर रहा हूं [रूट] आलसी लोडिंग के साथ विशेषता! इसे कैसे ठीक करें?

धन्यवाद

Answer 1

चेक here।

<ion-tab [root]="Favorites" tabTitle="fav" tabIcon="star"></ion-tab> 
<ion-tab [root]="libaray" tabTitle="Library" tabIcon="book"></ion-tab> 

यहाँ libaray और Favorites घटक के चर की जरूरत है।

अपने घटक में Tabs.ts में चर के आयनिक पेज के स्ट्रिंग बराबर सेट करने का प्रयास:

export class Tabs{ 
Favorites:any='Favorites'; 
libaray:any = 'libaray'; //assuming you tried to give the page class name to `root`. 
} 

नोट: सुनिश्चित करें कि अपने आलसी लोड पृष्ठों कहीं भी आयात करने के लिए नहीं हो सकता है पेज मॉड्यूल के अलावा अन्य।