Need to lazy load Angular Material library in Angular 8 project

Question

I want to use Angular Material's Drag and Drop feature in my app.

I don't want to initially load it, but only when I use drag and drop feature in a specific component.

I know how to lazy load modules in routes, but don't know how to lazy load a library.

Thanks.

Maihan Nijat · Accepted Answer · 2019-09-06 12:13:53Z

1

It depends how your project is structured. If your component is the only component in the related module then you can load the Drag & Drop module only for the component but if you have multiple components under the same module then you have to restructure and create a module for the component and import the Drag & Drop there.

import {DragDropModule} from '@angular/cdk/drag-drop'; 
@NgModule({
  ...
  declarations: [AppComponent],
  imports: [
    DragDropModule,
    ...
  ],
  ...
})

answered Sep 6, 2019 at 12:13

Maihan Nijat

9,36313 gold badges69 silver badges117 bronze badges

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

1 Comment

Mr. A Over a year ago

Thanks @Maihan for the reply. Now I understood how we can do lazy loading of a 3rd party library.

Collectives™ on Stack Overflow

Need to lazy load Angular Material library in Angular 8 project

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