Дерево URL
Представляет разобранный URL.
API
class UrlTree {
constructor(root?: UrlSegmentGroup, queryParams?: Params, fragment?: string | null): UrlTree;
override root: UrlSegmentGroup;
override queryParams: Params;
override fragment: string | null;
readonly queryParamMap: ParamMap;
}
root
UrlSegmentGroupКорневая группа сегментов дерева URL
queryParams
ParamsПараметры запроса URL
fragment
string | nullФрагмент URL
queryParamMap
ParamMapОписание
Представляет разобранный URL.
Поскольку состояние маршрутизатора представляет собой дерево, а URL — не что иное, как сериализованное состояние, URL является сериализованным деревом. UrlTree — это структура данных, которая упрощает работу с 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'
}
}
Super-powered by Google ©2010–2025.
Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.
https://angular.dev/api/router/UrlTree
