UrlTree

Stable Interface

Что это делает

Представляет разобранный URL.

Как использовать

@Component({templateUrl:'template.html'})
class MyComponent {
  constructor(router: Router) {
    const tree: UrlTree =
      router.parseUrl('/team/33/(user/victor//support:help)?debug=true#fragment');
    const f = tree.fragment; // return 'fragment'
    const q = tree.queryParams; // returns {debug: 'true'}
    const g: UrlSegmentGroup = tree.root.children[PRIMARY_OUTLET];
    const s: UrlSegment[] = g.segments; // returns 2 segments 'team' and '33'
    g.children[PRIMARY_OUTLET].segments; // returns 2 segments 'user' and 'victor'
    g.children['support'].segments; // return 1 segment 'help'
  }
}

Обзор интерфейса

interface UrlTree {
  root : UrlSegmentGroup
  queryParams : {[key: string]: string}
  fragment : string
  toString() : string
}

Описание интерфейса

Поскольку состояние маршрутизатора — это дерево, а URL — это не что иное, как сериализованное состояние, URL — это сериализованное дерево. UrlTree — это структура данных, которая предоставляет множество преимуществ при работе с URL

Подробности интерфейса

root : UrlSegmentGroup

Корневая группа сегментов дерева URL

queryParams : {[key: string]: string}

Параметры запроса URL

fragment : string

Фрагмент URL

toString() : string

экспортировано из @angular/router/index, определено в @angular/router/src/url_tree.ts