🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 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`