跳至主要內容
版本:v8

ion-router-outlet

陰影

路由出口的行為類似於 Angular 的內建路由出口組件和 Vue 的路由檢視組件,但包含提供堆疊導覽和動畫視圖進出所需的邏輯。

儘管路由出口有導覽方法,但建議使用框架路由中的導覽方法。

生命週期鉤子

在路由出口中渲染的路由可以存取特定 Ionic 事件,這些事件與動畫連接

事件名稱觸發
ionViewWillEnter當要路由到的組件即將動畫進入視圖時觸發。
ionViewDidEnter當要路由到的組件已完成動畫時觸發。
ionViewWillLeave當要路由離開的組件即將動畫時觸發。
ionViewDidLeave當要路由到的組件已完成動畫時觸發。

這些事件與 Ionic 的動畫系統連結,可用於在組件完成動畫時協調應用程式的各個部分。這些事件不是您框架本身事件系統的替代品,而是附加功能。

為了處理路由守衛,舊的 ionViewCanEnterionViewCanLeave 已被其框架特定的等效項取代。對於 Angular,有路由守衛

屬性

animated

描述如果 true,則路由出口應動畫組件的轉換。
屬性animated
類型boolean
預設值true

animation

描述此屬性允許使用 AnimationBuilder 函數建立自訂轉換。
屬性未定義
類型((baseEl: any, opts?: any) => Animation) | undefined
預設值未定義

mode

描述模式決定要使用的平台樣式。
屬性mode
類型"ios" | "md"
預設值getIonMode(this)

事件

此組件沒有可用的事件。

方法

此組件沒有可用的公開方法。

CSS 陰影部分

此組件沒有可用的 CSS 陰影部分。

CSS 自訂屬性

此組件沒有可用的 CSS 自訂屬性。

插槽

此組件沒有可用的插槽。