RouterState — Angular

Представляет состояние маршрутизатора в виде дерева активированных маршрутов.

API

class RouterState extends Tree<ActivatedRoute> {
  constructor(root: TreeNode<ActivatedRoute>, snapshot: RouterStateSnapshot): RouterState;
  override snapshot: RouterStateSnapshot;
  toString(): string;
  override readonly root: T;
}

constructor

RouterState

@paramrootTreeNode<ActivatedRoute>

@paramsnapshotRouterStateSnapshot

Текущий снимок состояния маршрутизатора

@returnsRouterState

snapshot

RouterStateSnapshot

Текущий снимок состояния маршрутизатора

toString

string

@returnsstring

root

T

Примечания по использованию

Каждый узел дерева маршрутов является экземпляром ActivatedRoute, который содержит сведения о «потреблённых» сегментах URL, извлечённых параметрах и разрешённых данных. Используйте свойства ActivatedRoute, чтобы перемещаться по дереву от любого узла.

Следующий фрагмент показывает, как компонент получает корневой узел текущего состояния, чтобы построить собственное дерево маршрутов:

@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);
    //...
  }
}