• Overview
@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 {}

routeConfig

Route | null

The configuration used to match this route *

title

string | undefined

The resolved route title

url

The URL segments matched by this route

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

The query parameters shared by all the routes

fragment

string | null

The URL fragment shared by all the routes

data

The static and resolved data of this route

outlet

string

The outlet name of the route

component

Type<any> | null

The component of the route

root

The root of the router state

parent

The parent of this route in the router state tree

firstChild

The first child of this route in the router state tree

children

The children of this route in the router state tree

pathFromRoot

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

paramMap

queryParamMap

toString

string
@returnsstring
Jump to details