🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## ActivatedRouteSnapshot 包含当前插座中加载组件某一特定时间路由信息。`ActivatedRouteSnapshot`同样可以用来遍历路由器状态树。 ### 如何使用 ```typescript @Component({templateUrl:'./my-component.html'}) class MyComponent { constructor(route: ActivatedRoute) { const id: string = route.snapshot.params.id; const url: string = route.snapshot.url.join(''); const user = route.snapshot.data.user; } } ``` ### 接口定义 ```typescript interface ActivatedRouteSnapshot { url : UrlSegment[] params : Params queryParams : Params fragment : string data : Data outlet : string component : Type<any>|string routeConfig : Route root : ActivatedRouteSnapshot parent : ActivatedRouteSnapshot firstChild : ActivatedRouteSnapshot children : ActivatedRouteSnapshot[] pathFromRoot : ActivatedRouteSnapshot[] 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`