NGXF
  • 🚀Introduction
  • Get Started
    • Why
    • Installation
  • Concepts
    • Introduction
  • Features
    • Activated Route
    • Call
    • Init
    • Lazy
    • Keep Alive
    • Timeout
    • Track By Key
    • Repeat
    • Virtual Scroll
  • Server Interaction
    • Async
    • Cookies
    • Http
    • Socket.IO
  • Hooks
    • State Hook
    • Effect Hook
    • Reducer Hook
  • Recompose
    • Compose
  • API
    • NgxfModule
    • HttpDirective
    • RouteDirective
    • InitDirective
    • ComposeDirective
    • ReturnDirective
    • TimeoutDirective
    • CookiesDirective
    • AsyncDirective
    • LazyDirective
    • CallPipe
  • Recipes
    • Caching
    • Style Guide
  • Community
    • FAQ
    • Contributing
Powered by GitBook
On this page
  • Selectors
  • Context
  • Example
  1. API

RouteDirective

Selectors

[route]

Context

interface RouteContext {
    $implicit: ActivatedRoute;
    snapshot: ActivatedRouteSnapshot;
    url: UrlSegment[];
    params: Params;
    queryParams: Params;
    fragment: string;
    data: Data;
    outlet: string;
    component: Type<any> | string;
    routeConfig: Route;
    root: ActivatedRoute;
    parent: ActivatedRoute | null;
    firstChild: ActivatedRoute | null;
    children: ActivatedRoute[];
    pathFromRoot: ActivatedRoute[];
    paramMap: ParamMap;
    queryParamMap: ParamMap;
}

Example

<ng-container *route="let route">
    {{ route }} // is ActivatedRoute instance
</ng-container>
<ng-container *route="let value = FIELD">
    {{ value }} // is ActivatedRoute[FIELD]
</ng-container>
PreviousHttpDirectiveNextInitDirective

Last updated 6 years ago

See more