Routable KIT v5.0.0+

On this page

Dialog content uses the element injector by default, preserving providers from parent components and the current ActivatedRoute . To access route-scoped providers, pass injector: EnvironmentInjector in the options of tuiRouteDialog .

Lazy loading dialog

    
      <button
    routerLink="path/to/lazy"
    tuiButton
    type="button"
>
    Open dialog
</button>

<router-outlet />

    
      class e{}

    
      [object Object]

    
      class e{}

Eager dialog

    
      <button
    routerLink="path/to/eager"
    tuiButton
    type="button"
>
    Open dialog
</button>

<router-outlet />

    
      class e{}

    
      [object Object]

Named outlet

GitHub StackBlitz