Angular Material importing module

Question

I have added Angular Material module like this in material.module.ts file.

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';
import { MatDialogModule } from '@angular/material/dialog';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatSelectModule } from '@angular/material/select';
import { MatInputModule } from '@angular/material/input';
import { MatDatepickerModule } from '@angular/material/datepicker';

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    MatToolbarModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    MatFormFieldModule,
    MatSelectModule,
    MatInputModule,
    MatDatepickerModule,
  ],
  exports: [
    MatToolbarModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    MatFormFieldModule,
    MatSelectModule,
    MatInputModule,
    MatDatepickerModule,
  ],
})
export class MaterialModule {}

In my code, I have added Material module in imports section one time then same time i have added the same module in exports section.

So, i want to write code something like this:

importsAM = [
 MatFormFieldModule,
 MatSelectModule,
 MatInputModule,
 MatDatepickerModule,
]


 @NgModule({
  declarations: [],
  imports: [
    CommonModule,
    importsAM 
  ],
  exports: [
   importsAM 
    
  ],
})

So, there is any way to write code something like that. or How can i reduce the duplicate code?

pzaenger · Accepted Answer · 2022-03-21 10:58:40Z

2

Sure. Use the spread operator:

...

const modules = [
  MatToolbarModule,
  MatIconModule,
  MatButtonModule,
  MatDialogModule,
  MatFormFieldModule,
  MatSelectModule,
  MatInputModule,
  MatDatepickerModule
];

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    ...modules
  ],
  exports: [
    ...modules
  ],
})
export class MaterialModule {}

If exports does not have any other modules, you could also go with exports: modules.

answered Mar 21, 2022 at 10:58

pzaenger

12k3 gold badges48 silver badges55 bronze badges

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

Collectives™ on Stack Overflow

Angular Material importing module

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related