如何声明一个角度材料模块数组？

Question

this one等问题，以及各种博文，推荐一个单独的模块来导入你的Material Modules并立即导出它们，然后将该模块导入你的app.module.ts，以防止污染应用模块。

在我看来，如果进口总是与出口相同，那么我宁愿只声明一次。所以，我用

const materialModules = [
  MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule, MatNativeDateModule, MatDatepickerModule,
  MatCheckboxModule, MatSidenavModule, MatToolbarModule,
];

@NgModule({
  imports: materialModules,
  exports: materialModules,
})

export class MaterialModule{}

这很好用，但我想给materialModules 一个类型。应该是什么？

Answer 1

好吧，这些模块被传递给导入数组，并且由于导入采用以下类型：

(any[] | Type<any> | ModuleWithProviders<{}>)

除了上述类型，我们没有其他选择。

所以你可以这样做

 const materialModules : (any[] | Type<any> | ModuleWithProviders<{}>) = [
  MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule, MatNativeDateModule, MatDatepickerModule,
  MatCheckboxModule, MatSidenavModule, MatToolbarModule,
];

但对我来说，这并没有增加多少好处。