ion-route
The route component takes a component and renders it when the Browser URl matches the url property.
Note: this component should only be used with vanilla and Stencil JavaScript projects. For Angular projects, use
and the Angular router. ion-router-outlet
Properties
component | |
|---|---|
| Description | Name of the component to load/select in the navigation outlet ( The value of this property is not always the tagname of the component to load,
in
|
| Attribute | component |
| Type | string |
componentProps | |
| Description | A key value |
| Type | undefined | { [key: string]: any; } |
url | |
| Description | Relative path that needs to match in order for this route to apply. Accepts paths similar to expressjs so that you can define parameters in the url /foo/:bar where bar would be available in incoming props. |
| Attribute | url |
| Type | string |
| Default | '' |
Events
| Name | Description |
|---|---|
ionRouteDataChanged | Used internally by `ion-router` to know when this route did change. |