Skip to content
masterclass Buddy

Angular · Class

ActivatedRoute

ActivatedRoute lets a routed component read its route information. It provides observables for URL parts, parameters, fragments, titles, and route data, plus links for walking the router state tree.

Last updated

Syntax

class ActivatedRoute {
  constructor(
    urlSubject: BehaviorSubject<UrlSegment[]>,
    paramsSubject: BehaviorSubject<Params>,
    queryParamsSubject: BehaviorSubject<Params>,
    fragmentSubject: BehaviorSubject<string | null>,
    dataSubject: BehaviorSubject<Data>,
    outlet: string,
    component: Type<any> | null,
    futureSnapshot: ActivatedRouteSnapshot
  );

  snapshot: ActivatedRouteSnapshot;
  readonly title: Observable<string | undefined>;
  url: Observable<UrlSegment[]>;
  params: Observable<Params>;
  queryParams: Observable<Params>;
  fragment: Observable<string | null>;
  data: Observable<Data>;
  outlet: string;
  component: Type<any> | null;
  readonly routeConfig: Route | null;
  readonly root: ActivatedRoute;
  readonly parent: ActivatedRoute | null;
  readonly firstChild: ActivatedRoute | null;
  readonly children: ActivatedRoute[];
  readonly pathFromRoot: ActivatedRoute[];
  readonly paramMap: Observable<ParamMap>;
  readonly queryParamMap: Observable<ParamMap>;
  toString(): string;
}

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • ActivatedRouteSnapshot
  • RouterState
  • Params
  • ParamMap
  • UrlSegment
  • Route
  • Data

Source: ActivatedRoute • Angular. Checked 2026-11-03.