メインコンテンツまでスキップ
バージョン: v8

ion-route

Properties

beforeEnter

Descriptionルーターがアクセスしようとしたときに発生するナビゲーションフックです。 trueを返すとナビゲーションを進めることができ、falseを返すとナビゲーションをキャンセルすることができます。NavigationHookOptions`オブジェクトを返すと、ルーターは指定されたパスにリダイレクトするようになります。
Attributebefore-enter
Type(() => NavigationHookResult | Promise<NavigationHookResult>) | undefined
Defaultundefined

beforeLeave

Descriptionルートが離脱しようとしたときに発生するナビゲーションフックです。 trueを返すとナビゲーションを進めることができ、falseを返すとナビゲーションをキャンセルすることができます。NavigationHookOptions`オブジェクトを返すと、ルーターは指定されたパスにリダイレクトするようになります。
Attributebefore-leave
Type(() => NavigationHookResult | Promise<NavigationHookResult>) | undefined
Defaultundefined

component

Descriptionルートが一致したときに、ナビゲーションアウトレット(ion-tabsion-nav)にロード/選択するコンポーネントの名前。 このプロパティの値は、常にロードするコンポーネントのタグ名とは限らず、ion-tabsでは、実際には選択する ion-tab の名前を指します。
Attributecomponent
Typestring
Defaultundefined

componentProps

Descriptionキーとなる値 { 'red': true, 'blue':'white'} には、レンダリング時に定義されたコンポーネントに渡すべき小道具が含まれる。
Attributecomponent-props
Typeundefined | { [key: string]: any; }
Defaultundefined

url

Descriptionこのルートを適用するために一致させる必要がある相対パスです。 expressjs と同様にパスを受け付けるので、/foo/:bar のような url でパラメータを定義し、受信する props で bar を利用することができます。
Attributeurl
Typestring
Default''

Events

NameDescription
ionRouteDataChangedこのルートがいつ変更されたかを知るために ion-router が内部で使用します。