离子3导航过渡与推动其他页面

Question

我想在导航到页面时在我的离子3应用程序中进行动画转换。 我正在使用这个文档  

我在我的app.module.ts

中宣布

    @NgModule({
  declarations: [
    MyApp,
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp,{
      PageTransition: 'wp-transition'
    }),
    AngularFireModule.initializeApp(FIREBASE_CONFIG)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

然后当我导航到页面时我写了这个

   NavigateToPage(pageName: string){
     let opts = { animate: true, animation: "wp-transition",direction:'forward', duration: 2500}
   pageName === 'TabsPage'? this.navCtrl.setRoot(pageName,opts) : this.navCtrl.push(pageName,opts);
  }

}

但我没有看到任何过渡，它看起来和以前一样。 任何想法？

Answer 1

我通过这样做在我的一个项目中使它成功（push()）：  this.navCtrl.push(pageName,{/*here stay navParams - but for this example is empty, but still need to use {}*/},opts);

所以没有评论：this.navCtrl.push(pageName,{},opts);