A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://ionicframework.com/docs/api/router-outlet below:

ion-router-outlet | Ionic Framework

ion-router-outlet shadow

The router outlet behaves in a similar way to Angular's built-in router outlet component and Vue's router view component, but contains the logic for providing a stacked navigation, and animating views in and out.

Although router outlet has methods for navigating around, it's recommended to use the navigation methods in your framework's router.

Routes rendered in a Router Outlet have access to specific Ionic events that are wired up to animations

Event Name Trigger ionViewWillEnter Fired when the component routing to is about to animate into view. ionViewDidEnter Fired when the component routing to has finished animating. ionViewWillLeave Fired when the component routing from is about to animate. ionViewDidLeave Fired when the component routing to has finished animating.

These event tie into Ionic's animation system and can be used to coordinate parts of your app when a Components is done with its animation. These events are not a replacement for your framework's own event system, but an addition.

For handling Router Guards, the older ionViewCanEnter and ionViewCanLeave have been replaced with their framework specific equivalent. For Angular, there are Router Guards.

animated Description If true, the router-outlet should animate the transition of components. Attribute animated Type boolean Default true animation Description This property allows to create custom transition using AnimationBuilder functions. Attribute animation Type ((baseEl: any, opts?: any) => Animation) | undefined Default undefined mode Description The mode determines which platform styles to use. Attribute mode Type "ios" | "md" Default getIonMode(this)

No events available for this component.

No public methods available for this component.

No CSS shadow parts available for this component.

No CSS custom properties available for this component.

No slots available for this component.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4