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.
@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); } }
interface ActivatedRoute { snapshot : ActivatedRouteSnapshot url : Observable<UrlSegment[]> params : Observable<Params> queryParams : Observable<Params> fragment : Observable<string> data : Observable<Data> outlet : string component : Type<any>|string routeConfig : Route root : ActivatedRoute parent : ActivatedRoute firstChild : ActivatedRoute children : ActivatedRoute[] pathFromRoot : ActivatedRoute[] toString() : string }
snapshot : ActivatedRouteSnapshot
The current snapshot of this route
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>
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 : string
The outlet name of the route. It's a constant
component : Type<any>|string
The component of the route. It's a constant
routeConfig : Route
The configuration used to match this route
root : ActivatedRoute
The root of the router state
parent : ActivatedRoute
The parent of this route in the router state tree
firstChild : ActivatedRoute
The 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
toString() : string
exported from @angular/router/index, defined in @angular/router/src/router_state.ts
© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v2.angular.io/docs/ts/latest/api/router/index/ActivatedRoute-interface.html