@angular/router

ActivatedRouteSnapshot

Class

Contains the information about a route associated with a component loaded in an outlet at a particular moment in time. ActivatedRouteSnapshot can also be used to traverse the router state tree.

  
    class ActivatedRouteSnapshot {}

Contains the information about a route associated with a component loaded in an outlet at a particular moment in time. ActivatedRouteSnapshot can also be used to traverse the router state tree.

The following example initializes a component with route information extracted from the snapshot of the root node at the time of creation.

          @Component({templateUrl:'./my-component.html'})class MyComponent {  constructor(route: ActivatedRoute) {    const id: string = route.snapshot.params.id;    const url: string = route.snapshot.url.join('');    const user = route.snapshot.data.user;  }}

routeConfig

Route

The configuration used to match this route *

title

string

The resolved route title

url

UrlSegment[]

The URL segments matched by this route

params

Params

The matrix parameters scoped to this route.

You can compute all params (or data) in the router state or to get params outside of an activated component by traversing the RouterState tree as in the following example:

          collectRouteParams(router: Router) {  let params = {};  let stack: ActivatedRouteSnapshot[] = [router.routerState.snapshot.root];  while (stack.length > 0) {    const route = stack.pop()!;    params = {...params, ...route.params};    stack.push(...route.children);  }  return params;}

queryParams

Params

The query parameters shared by all the routes

fragment

string

The URL fragment shared by all the routes

data

Data

The static and resolved data of this route

outlet

string

The outlet name of the route

component

Type<any>

The component of the route

root

ActivatedRouteSnapshot

The root of the router state

parent

ActivatedRouteSnapshot

The parent of this route in the router state tree

firstChild

ActivatedRouteSnapshot

The first child of this route in the router state tree

children

ActivatedRouteSnapshot[]

The children of this route in the router state tree

pathFromRoot

ActivatedRouteSnapshot[]

The path from the root of the router state tree to this route

paramMap

ParamMap

queryParamMap

ParamMap

toString

string

@returnsstring