W3cubDocs

/Angular 12

RouterState

class final

Represents the state of the router as a tree of activated routes.

class RouterState extends Tree<ActivatedRoute> {
  snapshot: RouterStateSnapshot
  override
  toString(): string
}

See also

Constructor

constructor(root: TreeNode<ActivatedRoute>, snapshot: RouterStateSnapshot)

Parameters
root TreeNode
snapshot RouterStateSnapshot

The current snapshot of the router state

Properties

Property Description
snapshot: RouterStateSnapshot Declared in Constructor

The current snapshot of the router state

override

Methods

toString(): string

Parameters

There are no parameters.

Returns

string

Usage notes

Every node in the route tree is an ActivatedRoute instance that knows about the "consumed" URL segments, the extracted parameters, and the resolved data. Use the ActivatedRoute properties to traverse the tree from any node.

The following fragment shows how a component gets the root node of the current state to establish its own route tree:

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

© 2010–2021 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v12.angular.io/api/router/RouterState