@angular/router

RouterStateSnapshot

Class

stable

Represents the state of the router at a moment in time.

API

    
      class RouterStateSnapshot extends Tree<ActivatedRouteSnapshot> {}

constructor

RouterStateSnapshot

@paramurlstring

The url from which this snapshot was created

@paramrootTreeNode<ActivatedRouteSnapshot>

@returnsRouterStateSnapshot

url

string

The url from which this snapshot was created

toString

string

@returnsstring

root

T

Description

Represents the state of the router at a moment in time.

This is a tree of activated route snapshots. Every node in this tree knows about the "consumed" URL segments, the extracted parameters, and the resolved data.

The following example shows how a component is initialized with information from the snapshot of the root node's state at the time of creation.

@Component({templateUrl:'template.html'})class MyComponent {  constructor(router: Router) {    const state: RouterState = router.routerState;    const snapshot: RouterStateSnapshot = state.snapshot;    const root: ActivatedRouteSnapshot = snapshot.root;    const child = root.firstChild;    const id: Observable<string> = child.params.map(p => p.id);    //...  }}