ActivatedRoute
Provides access to information about a route associated with a component
that is loaded in an outlet.
Use to traverse the RouterState tree and extract information from nodes.
snapshot
ActivatedRouteSnapshotThe current snapshot of this route
title
Observable<string | undefined>An Observable of the resolved route title
url
Observable<UrlSegment[]>An observable of the URL segments matched by this route.
params
Observable<Params>An observable of the matrix parameters scoped to this route.
queryParams
Observable<Params>An observable of the query parameters shared by all the routes.
fragment
Observable<string | null>An observable of the URL fragment shared by all the routes.
data
Observable<Data>An observable of the static and resolved data of this route.
outlet
stringThe outlet name of the route, a constant.
component
Type<any> | nullThe component of the route, a constant.
routeConfig
Route | nullThe configuration used to match this route.
root
ActivatedRouteThe root of the router state.
parent
ActivatedRoute | nullThe parent of this route in the router state tree.
firstChild
ActivatedRoute | nullThe first child of this route in the router state tree.
children
ActivatedRoute[]The children of this route in the router state tree.
pathFromRoot
ActivatedRoute[]The path from the root of the router state tree to this route.
paramMap
Observable<ParamMap>An Observable that contains a map of the required and optional parameters specific to the route. The map supports retrieving single and multiple values from the same parameter.
queryParamMap
Observable<ParamMap>An Observable that contains a map of the query parameters available to all routes. The map supports retrieving single and multiple values from the query parameter.
toString
stringstringDescription
Provides access to information about a route associated with a component
that is loaded in an outlet.
Use to traverse the RouterState tree and extract information from nodes.
The following example shows how to construct a component using information from a currently activated route.
Note: the observables in this class only emit when the current and previous values differ based
on shallow equality. For example, changing deeply nested properties in resolved data will not
cause the ActivatedRoute.data Observable to emit a new value.
{@example router/activated-route/module.ts region="activated-route" header="activated-route.component.ts"}