ion-route
Properties
beforeEnter
| Description | ルーターがアクセスしようとしたときに発生するナビゲーションフックです。 trueを返すとナビゲーションを進めることができ、falseを返すとナビゲーションをキャンセルすることができます。NavigationHookOptions`オブジェクトを返すと、ルーターは指定されたパスにリダイレクトす るようになります。 |
| Attribute | before-enter |
| Type | (() => NavigationHookResult | Promise<NavigationHookResult>) | undefined |
| Default | undefined |
beforeLeave
| Description | ルートが離脱しようとしたときに発生するナビゲーションフックです。 trueを返すとナビゲーションを進めることができ、falseを返すとナビゲーションをキャンセルすることができます。NavigationHookOptions`オブジェクトを返すと、ルーターは指定されたパスにリダイレクトするようになります。 |
| Attribute | before-leave |
| Type | (() => NavigationHookResult | Promise<NavigationHookResult>) | undefined |
| Default | undefined |
component
| Description | ルートが一致したときに、ナビゲーションアウトレット(ion-tabs、ion-nav)にロード/選択するコンポーネントの名前。 このプロパティの値は、常にロードするコンポーネントのタグ名とは限らず、ion-tabsでは、実際には 選択する ion-tab の名前を指します。 |
| Attribute | component |
| Type | string |
| Default | undefined |
componentProps
| Description | キーとなる値 { 'red': true, 'blue':'white'} には、レンダリング時に定義されたコンポーネントに渡すべき小道具が含まれる。 |
| Attribute | component-props |
| Type | undefined | { [key: string]: any; } |
| Default | undefined |
url
| Description | このルートを適用するために一致させる必要がある相対パスです。 expressjs と同様にパスを受け付けるので、/foo/:bar のような url でパラメータを定義し、受信する props で bar を利用することができます。 |
| Attribute | url |
| Type | string |
| Default | '' |
Events
| Name | Description |
|---|---|
ionRouteDataChanged | このルートがいつ変更されたかを知るために ion-router が内部で使用します。 |