lazy loading angular 2 module

Question

I have an angular 2 project with 3 modules. AppModule, Shared module and a lazy loaded module. I want both the modules (lazy loaded and App) to import the shared module so they both can use the pipes etc.. provided by the shared module. Is this possible?

I have tried but I get errors telling me that the shared module has already been loaded. And to only load it in the AppModule only but then the lazy loaded module doesn't have access to provided elements.

Am I misunderstanding the angular modules?

Tiep Phan · Accepted Answer · 2017-02-05 16:52:59Z

1

yes, you can use share NgModule for both lazy and non-lazy Module

app/shared/shared.module.ts

import { NgModule } from '@angular/core';
import { MustSharedService } from './must-shared.service';

@NgModule({
  providers: [MustSharedService]
})
export class SharedModule {}

app/app.module.ts

import { SharedModule } from './shared/shared.module';

@NgModule({
  imports: [
    SharedModule,
    ...
  ],
})
export class AppModule {}

app/lazy/lazy.module.ts

import { SharedModule } from '../shared/shared.module';

@NgModule({
  imports: [
    SharedModule,
    ...
  ],
})
export class LazyModule {}

from there any service, for example, you provide in SharedModule will available in both 2 Module.

please see this demo https://plnkr.co/edit/L2ypUQZiltSPXnLlxBoa?p=preview

answered Feb 5, 2017 at 16:52

Tiep Phan

12.6k3 gold badges40 silver badges44 bronze badges

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

1 Comment

Stephanie Over a year ago

I'd like to refer to this documentation to point out that it's probably a bad idea to provide a service in a SharedModule. By doing this, your AppModule and LazyModule will have different instances of the MustSharedService, which is probably not what you want.

Collectives™ on Stack Overflow

lazy loading angular 2 module

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related