Angular 6 References/ Router
References
Oleksa Novyk | GitHub

ActivatedRouteSnapshot

This is the documentation for Angular 6.
You can switch to the latest version Angular 10.

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.

Example

@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;
  }
}
Links & Tutorials

Properties

routeConfig#

routeConfig: Route | null
The configuration used to match this route.

url#

url: UrlSegment[]
The URL segments matched by this route.

params#

params: Params
The matrix parameters scoped to this route.

queryParams#

queryParams: Params
The query parameters shared by all the routes.

fragment#

fragment: string
The URL fragment shared by all the routes.

data#

data: Data
The static and resolved data of this route.

outlet#

outlet: string
The outlet name of the route.

component#

component: Type<any> | string | null
The component of the route.

root#

root: ActivatedRouteSnapshot
The root of the router state.

parent#

parent: ActivatedRouteSnapshot | null
The parent of this route in the router state tree.

firstChild#

firstChild: ActivatedRouteSnapshot | null
The first child of this route in the router state tree.

children#

children: ActivatedRouteSnapshot[]
The children of this route in the router state tree.

pathFromRoot#

pathFromRoot: ActivatedRouteSnapshot[]
The path from the root of the router state tree to this route.

paramMap#

paramMap: ParamMap
TODO

queryParamMap#

queryParamMap: ParamMap
TODO