W3cubDocs

/Angular 4 TypeScript

ActivatedRoute

Stable Interface

What it does

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.

How to use

@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 Overview

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[]
  paramMap : Observable<ParamMap>
  queryParamMap : Observable<ParamMap>
  toString() : string
}

Interface Description

Interface Details

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

paramMap : Observable<ParamMap>
queryParamMap : Observable<ParamMap>
toString() : string

exported from router/index, defined in router/src/router_state.ts

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://angular.io/docs/ts/latest/api/router/index/ActivatedRoute-interface.html