Если основной модуль импортирует общий модуль в Angular2

Question

Следуя нескольким советам о том, как структурировать угловое приложение, я получаю следующую файловую организацию:

- app
    - core
        - header
        - sidenav
        core.module.ts
    - shared
        - material
            custom-material.module.ts
        shared.module.ts
    - features
    app.module.ts

• У меня есть основной модуль и общий модуль
• основной модуль экспортирует глобальные компоненты, такие как HeaderComponent или SidenavComponent
• общий модуль экспортирует подмодуль CustomMaterial (я слышал, что это был способ сделать что-то)
• подмодуль CustomMaterial экспортирует различные компоненты материала, которые мне нужны
• Модуль приложения импортирует только основной модуль (поскольку общий модуль должен импортироваться только теми элементами, которые в этом нуждаются)
• Модули в features/загружены лениво

Но теперь моя проблема заключается в следующем: моему компоненту заголовка нужны некоторые компоненты материала.

Должен ли я импортировать свой общий модуль в основной модуль илив мой модуль приложения?Но мне кажется, что это анти-шаблон.

Answer 1

Единственное, что вам нужно сделать, это создать файл shared.module.ts, внутри которого вы должны импортировать все модули материалов, которые вы хотите использовать везде (MatInputModule, MatButtonModule и т. Д.), И экспортировать все эти импортированные модули (которыепозволяет импортировать их в другой модуль, вызывая этот общий модуль).

Небольшая вещь, которую нужно сделать после этого, это просто импортировать этот общий модуль, содержащий все модули материалов, внутри модуля верхнего и нижнего колонтитуловнапример (если вам нужен MatInputModule, конечно)

Надеюсь, я был ясен

Хорошего дня!