Version: v7

ion-router-outlet

router outletはAngularの組み込みrouter outletコンポーネントやVueのルーター・ビューコンポーネントと同様の振る舞いをしますが、スタック式のナビゲーションを提供し、ビューをアニメーションで出し入れするためのロジックを含んでいます。

router outlet はナビゲーション用のメソッドを備えていますが、フレームワークのルーターにあるナビゲーションメソッドを使用することをお勧めします。

ライフサイクルHook

Router OutletでRoutesがレンダリングされた時、アニメーションに関連付けられた特定のIonicイベントにアクセスできます。

Event Name	Description
`ionViewWillEnter`	コンポーネントが表示されるアニメーションがはじまる時に発火します。
`ionViewDidEnter`	コンポーネントが表示されるアニメーションが終了した時に発火します。
`ionViewWillLeave`	コンポーネントを離脱するアニメーションがはじまる時に発火します。
`ionViewDidLeave`	コンポーネントを離脱するアニメーションが終了した時に発火します。

これらのイベントはIonicのアニメーションシステムと連携し、コンポーネントがアニメーションを完成させたときにアプリの挙動を調整するのに使用できる。これらのイベントはフレームワーク独自のイベントシステムに代わるものではなく、追加されたものです。

Router Guardsを扱うために、以前のionViewCanEnter と ionViewCanLeaveは、フレームワーク特有の同等のものに置き換えられました。AngularにはRouter Guardsがあります。

Description	`true`の場合、ルータ・アウトレットはコンポーネントの遷移をアニメーションで表現する必要があります。
Attribute	`animated`
Type	`boolean`
Default	`true`

Description	このプロパティは、AnimationBuilder の機能を使用して、カスタムトランジションを作成することができます。
Attribute	`undefined`
Type	`((baseEl: any, opts?: any) => Animation) ｜ undefined`
Default	`undefined`

Description	modeは、どのプラットフォームのスタイルを使用するかを決定します。
Attribute	`mode`
Type	`"ios" ｜ "md"`
Default	`getIonMode(this)`

No events available for this component.

No public methods available for this component.

No CSS shadow parts available for this component.

No CSS custom properties available for this component.

No slots available for this component.