mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00

Files

Brandy Carney a7f1f4daa7 refactor(components): update to use shadow DOM and work with css variables

- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates

Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>

2018-07-09 12:57:21 -04:00

test/basic

refactor(components): update to use shadow DOM and work with css variables

2018-07-09 12:57:21 -04:00

readme.md

docs(): usage and examples

2018-06-18 12:45:15 -04:00

route-outlet.scss

refactor(components): update to use shadow DOM and work with css variables

2018-07-09 12:57:21 -04:00

route-outlet.tsx

refactor(components): update to use shadow DOM and work with css variables

2018-07-09 12:57:21 -04:00

readme.md

ion-router-outlet

RouterOutlet is a component used in routing within an Angular app. RouterOutlet behaves the same way as Angular's built-in RouterOutlet component, but contains the logic needed for animating views in and out.

Note: this is only meant for Angular projects. For vanilla JavaScript, use ion-router and ion-route instead.

While RouterOutlet has methods for navigating around, it's recommended to use the navigation methods in Angular's router.

Properties

animated

boolean

animationBuilder

AnimationBuilder

delegate

FrameworkDelegate

Attributes

animated

boolean

animation-builder

delegate

Events

ionNavDidChange

ionNavWillChange

ionNavWillLoad

Methods

commit()

getRouteId()

Returns the ID for the current route

setRoot()

Set the root component for the given navigation stack

setRouteId()

Built with StencilJS