ion-router-outlet
路由出口的行為類似於 Angular 的內建路由出口組件和 Vue 的路由檢視組件,但包含提供堆疊導覽和動畫視圖進出所需的邏輯。
儘管路由出口有導覽方法,但建議使用框架路由中的導覽方法。
生命週期鉤子
在路由出口中渲染的路由可以存取特定 Ionic 事件,這些事件與動畫連接
事件名稱 | 觸發 |
---|---|
ionViewWillEnter | 當要路由到的組件即將動畫進入視圖時觸發。 |
ionViewDidEnter | 當要路由到的組件已完成動畫時觸發。 |
ionViewWillLeave | 當要路由離開的組件即將動畫時觸發。 |
ionViewDidLeave | 當要路由到的組件已完成動畫時觸發。 |
這些事件與 Ionic 的動畫系統連結,可用於在組件完成動畫時協調應用程式的各個部分。這些事件不是您框架本身事件系統的替代品,而是附加功能。
為了處理路由守衛,舊的 ionViewCanEnter
和 ionViewCanLeave
已被其框架特定的等效項取代。對於 Angular,有路由守衛。
屬性
animated
描述 | 如果 true ,則路由出口應動畫組件的轉換。 |
屬性 | animated |
類型 | boolean |
預設值 | true |
animation
描述 | 此屬性允許使用 AnimationBuilder 函數建立自訂轉換。 |
屬性 | 未定義 |
類型 | ((baseEl: any, opts?: any) => Animation) | undefined |
預設值 | 未定義 |
mode
描述 | 模式決定要使用的平台樣式。 |
屬性 | mode |
類型 | "ios" | "md" |
預設值 | getIonMode(this) |
事件
此組件沒有可用的事件。
方法
此組件沒有可用的公開方法。
CSS 陰影部分
此組件沒有可用的 CSS 陰影部分。
CSS 自訂屬性
此組件沒有可用的 CSS 自訂屬性。
插槽
此組件沒有可用的插槽。