이온 3, 지연로드 탭 구성 요소

Question

구성 요소를 가져 오지 않고 지연로드로 ionic 3 탭 응용 프로그램을 만들려고합니다. 내 app.component.ts tabs.html에서

rootPage:string = "Tabs"; 

<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`. 
} 

주가 : 이 당신의 게으른로드 페이지를 어디 가져하지 않도록주의 페이지 모듈 이외의