Простой способ импортировать классы в app.module.ts

Question

У меня есть проект Angular 8 со стандартным app.module.ts, и я использую много компонентов из 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. Кто-нибудь знает, о чем я говорю?

Answer 1

Вы должны создать модуль с именем shared и поместить в него все эти компоненты / модуль и службу (например, MatInputModule / MatSnackBar и ...), а затем импортировать общий модуль туда, где вам нужны эти компоненты.

Для получения дополнительной информации: https://www.intertech.com/Blog/angular-module-tutorial-application-structure-using-modules/