mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00

Files

Manu MA 48a27636c7 fix(all): component reusage (#18963 )

Use new stencil APIs to allow ionic elements to be reused once removed from the DOM.

fixes #18843
fixes #17344
fixes #16453
fixes #15879
fixes #15788
fixes #15484
fixes #17890
fixes #16364

2019-08-27 16:29:37 +02:00

readme.md

feat(components): add missing button/a props to components that render them (#17883 )

2019-06-12 14:06:29 -04:00

route.tsx

fix(all): component reusage (#18963 )

2019-08-27 16:29:37 +02:00

readme.md

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 ion-router-outlet and the Angular router.

Properties

Property	Attribute	Description	Type	Default
`component` (required)	`component`	Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-nav`) when the route matches. The value of this property is not always the tagname of the component to load, in `ion-tabs` it actually refers to the name of the `ion-tab` to select.	`string`	`undefined`
`componentProps`	--	A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed to the defined component when rendered.	`undefined \| { [key: string]: any; }`	`undefined`
`url`	`url`	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.	`string`	`''`

Events

Event	Description	Type
`ionRouteDataChanged`	Used internally by `ion-router` to know when this route did change.	`CustomEvent<any>`

Built with StencilJS