ion-router-outlet
路由出口的行为类似于 Angular 的内置路由出口组件和 Vue 的路由视图组件,但包含用于提供堆叠导航和在视图中进出动画的逻辑。
虽然路由出口具有用于导航的方法,但建议使用框架路由中的导航方法。
生命周期钩子
在路由出口中呈现的路由可以访问特定于 Ionic 的事件,这些事件已连接到动画
事件名称 | 触发 |
---|---|
ionViewWillEnter | 当即将动画进入视图的路由组件时触发。 |
ionViewDidEnter | 当即将动画进入视图的路由组件完成动画时触发。 |
ionViewWillLeave | 当即将动画离开视图的路由组件时触发。 |
ionViewDidLeave | 当即将动画进入视图的路由组件完成动画时触发。 |
这些事件与 Ionic 的动画系统绑定,可用于在组件完成动画时协调应用程序的部分。这些事件不是框架自己的事件系统的替代品,而是补充。
对于处理路由守卫,较旧的 ionViewCanEnter
和 ionViewCanLeave
已被其框架特定的等效项取代。对于 Angular,存在 路由守卫。
属性
animated
描述 | 如果为 true ,则路由出口应使组件的过渡动画化。 |
属性 | animated |
类型 | 布尔值 |
默认值 | true |
animation
描述 | 此属性允许使用 AnimationBuilder 函数创建自定义过渡。 |
属性 | 未定义 |
类型 | ((baseEl: any, opts?: any) => Animation) | undefined |
默认值 | 未定义 |
mode
描述 | 模式决定使用哪个平台样式。 |
属性 | 模式 |
类型 | "ios" | "md" |
默认值 | getIonMode(this) |
事件
此组件没有可用事件。
方法
此组件没有可用的公共方法。
CSS 阴影部分
此组件没有可用的 CSS 阴影部分。
CSS 自定义属性
此组件没有可用的 CSS 自定义属性。
插槽
此组件没有可用的插槽。