I have a page transition animation working using ionic 5. Currently this is how I set the animation,
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [BrowserModule,
IonicModule.forRoot({
navAnimation: customAnimation
}),
AppRoutingModule],
providers: [
StatusBar,
SplashScreen,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],
bootstrap: [AppComponent]
})
export class AppModule { }
The problem witht his methid is that all pages are animated the same. How can I set navAnimation per component basis?
I tried adding this to one of my page modules,
NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
LoginPageRoutingModule,
IonicModule.forRoot({
navAnimation: customAnimation
}),
],
declarations: [LoginPage]
})
export class LoginPageModule {}
But this doesnt do anything at all.