2017-03-09 4 views
1

を購読する:以下に示すように、我々はルータのイベントをサブスクライブすることができangular2でイオンページ変更イベント

router.events.subscribe((event: RouterEvent) => { /* detects route/navigation change*/ 
//some logic to show loading image 
}); 

どのように私はイオン2で使用するためのコード上で翻訳していますか?

+0

http://ionicframework.com/docs/v2/api/navigation/NavController/ページナビゲーションがによって処理されますIoのNavController nic 2 –

答えて

0

は、私はあなたが達成したいのかがわからないんだけど、あなたはapp.components.tsNavControllerの参照を取得してみてから、このような目的のイベントにサブスクライブすることができます

allEvents = Observable.merge(
       this.navController.viewDidLoad, 
       this.navController.viewWillEnter, 
       this.navController.viewDidEnter, 
       this.navController.viewWillLeave, 
       this.navController.viewDidLeave, 
       this.navController.viewWillUnload); 

allEvents.subscribe((e) => { 
    console.log(e); 
}); 

ことに注意してくださいあなたはこのような何かをする必要があると思いapp.component.tsファイルにNavControllerインスタンスを取得するために:

@Component({ 
    templateUrl: 'app.html' 
}) 
export class MyApp { 
    @ViewChild(Nav) navCtrl: Nav; 

    //... 
} 
+0

私はabveコードを試しました。しかし、その投げ違いの誤り。エラー:0:0原因:未定義のプロパティ 'viewDidLoad'を読み込めません 'viewDidLoad'プロパティが 'Nav'型に存在しません。 –

+0

ページが読み込まれるたびに読み込みイメージを表示する必要があります。読み込みが終了したら、その画像を隠す必要があります。 Navのsetroot()を使ってページを読み込みます。 –

関連する問題