RouterOutlet
directive
Acts as a placeholder that Angular dynamically fills based on the current router state.
NgModule
-
RouterModule
Selectors
router-outlet
Properties
Property | Description |
---|---|
@Output('activate')activateEvents: EventEmitter<any>
|
|
@Output('deactivate')deactivateEvents: EventEmitter<any>
|
|
isActivated: boolean
|
Read-only. |
component: Object
|
Read-only. |
activatedRoute: ActivatedRoute
|
Read-only. |
activatedRouteData: Data
|
Read-only. |
Template variable references
Identifier | Usage |
---|---|
outlet
|
#myTemplateVar="outlet"
|
Description
<router-outlet></router-outlet> <router-outlet name='left'></router-outlet> <router-outlet name='right'></router-outlet>
A router outlet will emit an activate event any time a new component is being instantiated, and a deactivate event when it is being destroyed.
<router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)'></router-outlet>
Methods
ngOnDestroy() |
---|
ngOnDestroy(): voidParametersThere are no parameters. Returns
|
ngOnInit() |
---|
ngOnInit(): voidParametersThere are no parameters. Returns
|
detach() |
---|
Called when the RouteReuseStrategy instructs to detach the subtree
|
detach(): ComponentRef<any>ParametersThere are no parameters. Returns
|
attach() | ||||||
---|---|---|---|---|---|---|
Called when the RouteReuseStrategy instructs to re-attach a previously detached subtree
| ||||||
attach(ref: ComponentRef<any>, activatedRoute: ActivatedRoute)Parameters
|
deactivate() |
---|
deactivate(): voidParametersThere are no parameters. Returns
|
activateWith() | ||||||
---|---|---|---|---|---|---|
activateWith(activatedRoute: ActivatedRoute, resolver: ComponentFactoryResolver)Parameters
|
© 2010–2019 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v7.angular.io/api/router/RouterOutlet