在 app.module.ts 中导入类的简单方法答案

【问题标题】：Easy way to import classes in app.module.ts在 app.module.ts 中导入类的简单方法
【发布时间】：2019-10-11 21:01:23
【问题描述】：

我有一个带有标准 app.module.ts 的 Angular 8 项目，并且我正在使用来自 Angular Material 的许多组件。每次我使用新的组件类型时，我都必须在 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 {}

这太糟糕了，我想我曾经看过一些代码，其中有人从导入创建了类似对象的东西，而不仅仅是将对象添加到 NgModule-Imports。有人知道我在说什么吗？

【问题讨论】：

如果您使用的是 Visual Studio Code，有一个名为 Auto Import marketplace.visualstudio.com/items?itemName=steoates.autoimport 的扩展程序可以满足您的要求。它通过开始键入要添加的组件来“第二次”放置箭头，它会在下拉列表中填充选项，您选择要自动完成的选项并在上面添加导入。我不确定这是否是您要找的。span>

标签： angular angular-material ng-modules

【解决方案1】：

您必须创建一个名为 shared 的模块并将所有这些组件/模块和服务放入其中（例如 MatInputModule/MatSnackBar 和...），然后，在需要这些组件的任何地方导入共享模块。

【讨论】：