class

Contiene la información sobre una ruta asociada a un componente cargado en una toma de corriente en un momento determinado. ActivatedRouteSnapshot también se puede utilizar para recorrer el árbol de estado del enrutador.

Ver más…

classActivatedRouteSnapshotnull
  data: Data
  outlet:string
  component: Type<any>

Descripción

El siguiente ejemplo inicializa un componente con información de ruta extraída de la instantánea del nodo raíz en el momento de la creación.

@Component(templateUrl:'./my-component.html')classMyComponentconstructor(route: ActivatedRoute)const id:string= route.snapshot.params.id;const url:string= route.snapshot.url.join('');const user = route.snapshot.data.user;

Constructor

constructor(url: UrlSegment[], params: Params, queryParams: Params, fragment: string, data: Data, outlet: string, component: string | Type, routeConfig: Route, urlSegment: UrlSegmentGroup, lastPathIndex: number, resolve: ResolveData)

Parámetros
url UrlSegment[]

Los segmentos de URL que coinciden con esta ruta

params Params

Los parámetros de la matriz dentro del ámbito de esta ruta.

Puede calcular todos los parámetros (o datos) en el estado del enrutador o obtener parámetros fuera de un componente activado atravesando el RouterState árbol como en el siguiente ejemplo:

collectRouteParams(router: Router) 
  let params = ;
  let stack: ActivatedRouteSnapshot[] = [router.routerState.snapshot.root];
  while (stack.length > 0) 
    const route = stack.pop()!;
    params = ...params, ...route.params;
    stack.push(...route.children);
  
  return params;
queryParams Params

Los parámetros de consulta compartidos por todas las rutas.

fragment string

El fragmento de URL compartido por todas las rutas.

data Data

los static y resuelto datos de esta ruta

outlet string

El nombre de salida de la ruta.

component string | Type

El componente de la ruta

routeConfig Route
urlSegment UrlSegmentGroup
lastPathIndex number
resolve ResolveData

Propiedades

Propiedad Descripción
routeConfig: Route | null Solo lectura

La configuración utilizada para coincidir con esta ruta *

url: UrlSegment[] Declarado en Constructor

Los segmentos de URL que coinciden con esta ruta

params: Params

Los parámetros de la matriz dentro del ámbito de esta ruta.

Puede calcular todos los parámetros (o datos) en el estado del enrutador o obtener parámetros fuera de un componente activado atravesando el RouterState árbol como en el siguiente ejemplo:

collectRouteParams(router: Router) 
  let params = ;
  let stack: ActivatedRouteSnapshot[] = [router.routerState.snapshot.root];
  while (stack.length > 0) 
    const route = stack.pop()!;
    params = ...params, ...route.params;
    stack.push(...route.children);
  
  return params;
queryParams: Params Declarado en Constructor

Los parámetros de consulta compartidos por todas las rutas.

fragment: string | null Declarado en Constructor

El fragmento de URL compartido por todas las rutas.

data: Data Declarado en Constructor

los static y resuelto datos de esta ruta

outlet: string Declarado en Constructor

El nombre de salida de la ruta.

component: Type | string | null Declarado en Constructor

El componente de la ruta

root: ActivatedRouteSnapshot Solo lectura

La raíz del estado del enrutador

parent: ActivatedRouteSnapshot | null Solo lectura

El padre de esta ruta en el árbol de estado del enrutador

firstChild: ActivatedRouteSnapshot | null Solo lectura

El primer hijo de esta ruta en el árbol de estado del enrutador

children: ActivatedRouteSnapshot[] Solo lectura

Los hijos de esta ruta en el árbol de estado del enrutador

pathFromRoot: ActivatedRouteSnapshot[] Solo lectura

La ruta desde la raíz del árbol de estado del enrutador hasta esta ruta

paramMap: ParamMap Solo lectura
queryParamMap: ParamMap Solo lectura

Métodos

Encadenar()

toString(): string

Parámetros

No hay parámetros.

Devoluciones

string