On this page
RouterStateSnapshot
interface
npm Package | @angular/router |
---|---|
Module | import { RouterStateSnapshot } from '@angular/router'; |
Source | router/src/router_state.ts |
Interface Overview
interface RouterStateSnapshot extends Tree {
url: string
toString(): string
}
How To Use
@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);
//...
}
}
Description
RouterStateSnapshot 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.
Members
url: string
The url from which this snapshot was created
toString(): string
© 2010–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v5.angular.io/api/router/RouterStateSnapshot