搜索文档 /
影子

ion-router-outlet

Router outlet是Angular、React或Vue应用中用于路由的组件。它的行为方式类似于Angular的内置路由器outlet组件和Vue的路由器视图组件,但它包含了提供堆栈式导航和动态进出视图的逻辑。

注意:这个组件只能在Angular、React和Vue项目中使用。对于普通或模板JavaScript项目,请使用 ion-router ion-route

虽然路由器出口有导航的方法,但还是建议使用框架的路由器中的导航方法。

生命周期的钩子

在Router Outlet中渲染的路由可以访问连接到动画的特定离子事件betway东盟体育app

事件名称 触发
ionViewWillEnter 当组件路由要进入视图时触发。
ionViewDidEnter 当组件路由到已完成动画时触发。
ionViewWillLeave 当组件路由即将动画时触发。
ionViewDidLeave 当组件路由到已完成动画时触发。

这些事件与Ionic的动画系统相关联,当组betway东盟体育app件完成动画时,可以用来协调应用的各个部分。这些事件不是框架自己的事件系统的替代品,而是一个补充。

处理路由器守卫,较老的 ionViewCanEnter ionViewCanLeave 已被其框架特定的对等物所取代。对于Angular来说,有 路由器警卫

属性

动画

描述

如果真正的,路由器出口应该动画组件的转换。

属性 动画
类型 布尔
默认的 真正的

动画

描述

默认情况下ion-nav动画过渡页基于模式(ios或材料设计)。但是,此属性允许使用AnimateBuilder功能。

类型 ((baseEl:任何,选择?:任何)=>动画)|未定义

模式

描述

模式决定使用哪种平台样式。

属性 模式
类型 “ios”|“医学博士”
默认的 getIonMode(这)
Baidu