## ActivatedRoute 包含當前激活插座的組件的路由信息。`ActivatedRoute`同樣可以用來訪問整顆路由狀態樹。 ### 如何使用 ```typescript @Component({templateUrl:'./my-component.html'}) class MyComponent { constructor(route: ActivatedRoute) { const id: Observable<string> = route.params.map(p => p.id); const url: Observable<string> = route.url.map(s => s.join('')); const user = route.data.map(d => d.user); //includes `data` and `resolve` } } ``` ### 類定義 ```typescript interface ActivatedRoute { snapshot : ActivatedRouteSnapshot url : Observable<UrlSegment[]> params : Observable<Params> queryParams : Observable<Params> fragment : Observable<string> data : Observable<Data> outlet : string component : Type<any>|string routeConfig : Route root : ActivatedRoute parent : ActivatedRoute firstChild : ActivatedRoute children : ActivatedRoute[] pathFromRoot : ActivatedRoute[] toString() : string } ``` ### 屬性 - snapshot : `ActivatedRouteSnapshot` 當前路由快照 - url : `Observable<urlsegment[]>` 當前路由匹配的URL片段。 - params : `Observable<Params>` 當前路由的矩陣參數 - queryParams : `Observable<Params>` 所有路由共享的查詢參數 - fragment : `Observable<string>` 所有路由共享的URL片段 - data :` Observable<Data>` 當前路由的靜態或者動態解析的數據。 - outlet: `string` 當前路由插座的名稱。一個常量值。 - component : `Type<any>`|`string` 路由對應的組件。一個常量值。 - routeConfig : `Route` 當前路由狀態樹的根節點 - root : `ActivatedRoute` 根路由 - parent : `ActivatedRoute` 當前路由在狀態樹中的父節點 - firstChild: `ActivatedRoute` 當前路由的第一個子節點 - children : `ActivatedRoute` 當前路由在路由狀態樹中的所有子節點 - pathFromRoot : `ActivatedRoute` 根節點到當前節點的路徑 - toString() : `string`