Lazy loading get current routed module

Question

I am trying to exclude a component if a certain module has been routed in a lazy loading application.

For example in my AppComponent i am using router-outlet and above a component:

<div>
    <my-component></my-component>   --> don't show if module is StartModule
    <router-outlet></router-outlet>
</div>

My routing configuration looks like following:

export const routes: Routes = [
  {
    path: 'start',
    loadChildren: './start/start.module#StartModule',
  },
  {
    path: 'first',
    loadChildren: './first/first.module#FirstModule'
  },
  {
    path: 'second',
    loadChildren: './second/second.module#SecondModule'
  }
];

Is there a parameter to receive the routed module to make a check like

isStartModule(): boolean {
    if (routedModule == StartModule) {
        return true; 
    }
}

<my-component *ngIf="!isStartModule()"></my-component>

?

Possible duplicate of: stackoverflow.com/questions/41580495/… — Mehdi Benmoha
– Mehdi Benmoha, Commented Mar 20, 2019 at 13:43
Import Router from @angular/router, check current route like this: this.router.url == 'start' ... check against the path url not the module name. — balslev
– balslev, Commented Mar 20, 2019 at 23:44

Boris Adamyan · Accepted Answer · 2019-03-20 13:51:55Z

4

constructor(private router: Router ) {}

try to check

this.router.url === '/start'

then do something

You can sucscribe to event

 this.router.events.pipe(
    filter((event) => event instanceof NavigationEnd))
    .subscribe(x => {
        console.log('THIS IS FOR TEST', x['url']);
        }
    );

edited Mar 20, 2019 at 13:51

answered Mar 20, 2019 at 13:42

Boris Adamyan

3782 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Boris Adamyan Over a year ago

You can ---> import Router from @angular/router

Murtuza · Accepted Answer · 2019-03-20 13:48:21Z

0

You can set a route change listener in your app-component like this:

import { Router, NavigationEnd } from '@angular/router';
import { filter } from 'rxjs/operators';
constructor(private router: Router)
{
  router.events.pipe(
  filter(event => event instanceof NavigationEnd) ).subscribe((event: NavigationEnd) => {    
    console.log(event.url);
    if(event.url == 'start'){
    // do you stuff
    }
});}

answered Mar 20, 2019 at 13:48

Murtuza

3822 silver badges16 bronze badges

Collectives™ on Stack Overflow

Lazy loading get current routed module

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related