ionic 3、lazy-loading tabsコンポーネント

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

これまでのところ、タブページがロード正常に

ビューはありません（空白ページ）。 私は、[root]属性を遅延読み込みで使用しているという問題があると思います！ これを修正する方法は？

おかげ

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

注：どこでもあなたの怠惰なロードされたページをインポートするないくださいページモジュール内以外のもの