## UrlTree 表示解析過后的URL ### 如何使用 ```typescript @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']; const s: UrlSegment[] = g.segments; // returns 2 segments 'team' and '33' g.children['primary'].segments; // returns 2 segments 'user' and 'victor' g.children['support'].segments; // return 1 segment 'help' } } ``` ### 接口定義 ```typescript interface UrlTree { root : UrlSegmentGroup queryParams : {[key: string]: string} fragment : string toString() : string } ``` ### 接口描述 既然路由器狀態可以描述成一棵樹，那么URL也不過是一棵序列化過后的狀態樹。UrlTree 本身的數據結構就提供了對于URLs操作的大量啟示。 ### 屬性 - root : `UrlSegmentGroup` URL樹的節點所包含的片段分組 - queryParams : {[key: `string`]: `string`} URL的查詢參數 - fragment : `string` URL的片段 - toString() : `string`