ion-router-outlet

Ionic4项目中我们可以使用Ionic4路由组件ion-router-outlet对项目进行布局。

ion-router-outlet官方文档地址:https://ionicframework.com/docs/api/router-outlet

Router Outlet is a component used in routing within an Angular app. Router Outlet behaves in a similar way as Angular's built-in Router Outlet component, but contains the logic for providing a stacked navigation, and animating views in and out.

Note: this is only meant for Angular projects. For vanilla JavaScript, use ion-router and ion-route instead.

While Router Outlet has methods for navigating around, it's recommended to use the navigation methods in Angular's router.

Life Cycle Hooks

Routes rendered in a Router Outlet have access to specific Ionic events that are wired up to animations

These event tie into Ionic's animation system and can be used to coordinate parts of your app when a Components is done with it's animation. These events are not a replacement for Angular's own event system, but an addition.

For handling Router Guards, the older ionViewCanEnter and ionViewCanLeave have been replaced with their framework specific equivalent. For Angular, there are Router Guards.