在 app.module.ts 中導入類的簡單方法

Question

我有一個帶有標准 app.module.ts 的 Angular 8 項目，我正在使用 Angular 材料中的許多組件。 每次我使用新的組件類型時，我都必須在 app.module.ts 中添加兩次。

[...]
import {
MatButtonModule,
MatCardModule,
MatInputModule,
MatSnackBar} from '@angular/material'       <---- First time
[...]
@NgModule({
    declarations: [
       [...]
    ],
    imports: [
    [...]
        MatButtonModule,
        MatCardModule,
        MatInputModule,
        MatSnackBar                          <----- Second time
    ],
    [...]
})
export class AppModule {}

這很糟糕，我想我曾經看過一些代碼，有人從導入中創建了類似 object 的東西，而不僅僅是將 object 添加到 NgModule-Imports 中。 有人知道我在說什么嗎？

Answer 1

您必須創建一個名為 shared 的模塊並將所有這些組件/模塊和服務放入其中（例如 MatInputModule/MatSnackBar 和...），然后在需要這些組件的任何地方導入共享模塊。

更多信息： https://www.intertech.com/Blog/angular-module-tutorial-application-structure-using-modules/