Question

我在应用模块上有多个导入，我想将它们放在另一个文件中，然后将其导入到应用模块中。例如：

import { MatButtonModule } from "@angular/material/button";
import { MatInputModule } from "@angular/material/input";
import { MatMenuModule } from "@angular/material/menu";
import { MatRadioModule } from '@angular/material/radio';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatNativeDateModule } from '@angular/material';
import { MatGridListModule } from '@angular/material/grid-list';
import { MatCardModule } from '@angular/material/card';
import { MatToolbarModule } from '@angular/material/toolbar';
import {MatIconModule} from '@angular/material/icon';

将所有“材料”导入都放在另一个文件中，并将其导入到应用程序模块中。

谢谢

Answer 1

您可以创建一个单独的模块（或多个模块，用于特定的事物，例如，用于角材料），该模块可以导入（导出）所有单个模块，然后将该模块导入您的应用程序模块。

import { NgModule } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatInputModule } from "@angular/material/input";
...

@NgModule({
  imports: [ 
    MatButtonModule, 
    MatInputModule,
    ...
  ],
  exports: [ 
    MatButtonModule, 
    MatInputModule,
    ... 
  ],
})
export class MaterialModule { }

比在应用模块中

import { MaterialModule} from '<path>';

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

注意：
如果您有子模块，那么如果这些子模块需要包含某些组件，则也需要导入MaterialModule。

如何将导入文件导入Angular应用模块

1 个答案: