ActivatedRoute
包含与当前组件相关的路由信息。ActivatedRoute
也可用于遍历路由器的状态树。
Provides access to information about a route associated with a component that is loaded in an outlet. Use to traverse the RouterState
tree and extract information from nodes.
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 | null
routeConfig: Route | null
root: ActivatedRoute
parent: ActivatedRoute | null
firstChild: ActivatedRoute | null
children: ActivatedRoute[]
pathFromRoot: ActivatedRoute[]
paramMap: Observable<ParamMap>
queryParamMap: Observable<ParamMap>
toString(): string
}
说明
import {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));
}
}
属性
属性 | 说明 |
---|---|
snapshot: ActivatedRouteSnapshot | 本路由此刻的快照 The current snapshot of this route |
url: Observable<UrlSegment[]> | 一个 An observable of the URL segments matched by this route. |
params: Observable<Params> | 一个 An observable of the matrix parameters scoped to this route. |
queryParams: Observable<Params> | 一个 An observable of the query parameters shared by all the routes. |
fragment: Observable<string> | 一个 An observable of the URL fragment shared by all the routes. |
data: Observable<Data> | 一个 An observable of the static and resolved data of this route. |
outlet: string | 本路由对应的出口名,是个常量 The outlet name of the route. It's a constant |
component: Type<any> | string | null | 本路由对应的组件,是个常量 The component of the route. It's a constant |
routeConfig: Route | null | 只读 用于匹配本路由的配置项。 The configuration used to match this route. |
root: ActivatedRoute | 只读 路由器状态树的根节点。 The root of the router state. |
parent: ActivatedRoute | null | 只读 在路由器状态树中,当前路由的父路由。 The parent of this route in the router state tree. |
firstChild: ActivatedRoute | null | 只读 在路由器状态树中,当前路由的第一个子路由。 The first child of this route in the router state tree. |
children: ActivatedRoute[] | 只读 在路由器状态树中,当前路由的所有子路由。 The children of this route in the router state tree. |
pathFromRoot: ActivatedRoute[] | 只读 在路由器状态树中从根节点开始到当前路由的完整路径。 The path from the root of the router state tree to this route. |
paramMap: Observable<ParamMap> | 只读 An Observable that contains a map of the required and optional parameters specific to the route. The map supports retrieving single and multiple values from the same parameter. |
queryParamMap: Observable<ParamMap> | 只读 An Observable that contains a map of the query parameters available to all routes. The map supports retrieving single and multiple values from the query parameter. |
方法
参数没有参数。 返回值
|