ion-router-link
このルーターリンクコンポーネントは、指定されたリンクへ移動するために使用します。ブラウザのアンカータグと同様に、ロケーション用のhrefと、トランジションアニメーション用の方向を受け入れることができます。
注
注意: このコンポーネントは、バニラおよびStencil JavaScriptプロジェクトでのみ使用してください。Angularプロジェクトの場合は、Angularルーターで<a>とrouterLinkを使用してください。
詳細については、Routerドキュメントを参照してください。
プロパティ
color
| 説明 | アプリケーションのカラーパレットで使用する色。デフォルトのオプションは、"primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium"、"dark"です。色の詳細については、テーマを参照してください。 |
| 属性 | color |
| 型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| デフォルト | undefined |
href
| 説明 | ハイパーリンクが指すURLまたはURLフラグメントが含まれます。このプロパティが設定されている場合は、アンカータグがレンダリングされます。 |
| 属性 | href |
| 型 | string ｜ undefined |
| デフォルト | undefined |
rel
| 説明 | ターゲットオブジェクトとリンクオブジェクトの関係を指定します。値は、スペースで区切られたリンクタイプのリストです。 |
| 属性 | rel |
| 型 | string ｜ undefined |
| デフォルト | undefined |
routerAnimation
| 説明 | ルーターを使用する場合、hrefを使用して別のページに移動する際のトランジションアニメーションを指定します。 |
| 属性 | undefined |
| 型 | ((baseEl: any, opts?: any) => Animation) ｜ undefined |
| デフォルト | undefined |
routerDirection
| 説明 | ルーターを使用する場合、hrefを使用して別のページに移動する際のトランジション方向を指定します。 |
| 属性 | router-direction |
| 型 | "back" ｜ "forward" ｜ "root" |
| デフォルト | 'forward' |
target
| 説明 | リンクされたURLを表示する場所を指定します。hrefが指定されている場合にのみ適用されます。特殊なキーワード: "_blank"、"_self"、"_parent"、"_top"。 |
| 属性 | target |
| 型 | string ｜ undefined |
| デフォルト | undefined |
イベント
このコンポーネントで利用できるイベントはありません。
メソッド
このコンポーネントで利用できるパブリックメソッドはありません。
CSSシャドウパーツ
このコンポーネントで利用できるCSSシャドウパーツはありません。
CSSカスタムプロパティ
| 名前 | 説明 |
|---|---|
--background | ルーターリンクの背景 |
--color | ルーターリンクのテキストカラー |
スロット
このコンポーネントで利用できるスロットはありません。