允许访问与某出口中加载的组件关联路由信息。用于遍历 RouterState 树并从节点提取信息。

查看"说明"...

class ActivatedRoute {snapshot: ActivatedRouteSnapshoturl: Observable<UrlSegment[]>params: Observable<Params>queryParams: Observable<Params>fragment: Observable<string | null>data: Observable<Data>outlet: stringcomponent: Type<any> | string | nullrouteConfig: Route | nullroot: ActivatedRouteparent: ActivatedRoute | nullfirstChild: ActivatedRoute | nullchildren: ActivatedRoute[]pathFromRoot: ActivatedRoute[]paramMap: Observable<ParamMap>queryParamMap: Observable<ParamMap>toString(): string
}

参见

• 获取路由信息

说明

以下示例演示如何使用当前激活的路由中的信息来构造组件。

activated-route.component.ts

content_copyimport {Component} from '@angular/core';
/* . . . */
import {ActivatedRoute} from '@angular/router';
import {Observable} from 'rxjs';
import {map} from 'rxjs/operators';
/* . . . */@Component({
/* . . . */
})
export class ActivatedRouteComponent {constructor(route: ActivatedRoute) {const id: Observable<string> = route.params.pipe(map(p => p.id));const url: Observable<string> = route.url.pipe(map(segments => segments.join('')));// route.data includes both `data` and `resolve`const user = route.data.pipe(map(d => d.user));}
}

构造函数

constructor(url: Observable<UrlSegment[]>, params: Observable<Params>, queryParams: Observable<Params>, fragment: Observable<string>, data: Observable<Data>, outlet: string, component: string | Type<any>, futureSnapshot: ActivatedRouteSnapshot)

属性