@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

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