ActivatedRoute
Contains the information about a route associated with a component loaded in an outlet. An ActivatedRoute
can also be used to traverse the router state tree.
Example
@Component({...})
class MyComponent {
constructor(route: ActivatedRoute) {
const id: Observable<string> = route.params.map(p => p.id);
const url: Observable<string> = route.url.map(segments => segments.join(''));
// route.data includes both `data` and `resolve`
const user = route.data.map(d => d.user);
}
}
Links & Tutorials
Properties
children
#
get children(): ActivatedRoute[]
component
#
component: Type<any> | string | null
data
#
data: Observable<Data>
firstChild
#
get firstChild(): ActivatedRoute|null
fragment
#
fragment: Observable<string>
outlet
#
outlet: string
paramMap
#
get paramMap(): Observable<ParamMap>
params
#
params: Observable<Params>
parent
#
get parent(): ActivatedRoute|null
pathFromRoot
#
get pathFromRoot(): ActivatedRoute[]
queryParamMap
#
get queryParamMap(): Observable<ParamMap>
queryParams
#
queryParams: Observable<Params>
root
#
get root(): ActivatedRoute
routeConfig
#
get routeConfig(): Route|null
snapshot
#
snapshot: ActivatedRouteSnapshot
toString
#
toString(): string
url
#
url: Observable<UrlSegment[]>