В предыдущей статье мы создали Диалоговый модуль, который отвечает за обертку всего диалогового компонента, сервисов и моделей. Итак, теперь мы собираемся создать основной модуль.
Основной модуль получил название Angular Convention из-за своей ответственности. Он будет находиться рядом с app.module.ts в вашем приложении и будет внедрен в app.module.ts.
Преимущество основного модуля в том, чтобы сделать компоненты доступными для всего проекта! Так что будьте осторожны, добавляйте модули в основной модуль только один раз, а также если он будет использоваться во всем проекте (например, наш компонент диалога — он может понадобиться всем страницам). Мы создадим основной модуль, который будет синглтоном, поэтому давайте напишем его!
В соответствии со следующей структурой основной модуль будет располагаться рядом с модулем приложений.
.. src
.. .. приложение
.. .. .. компоненты
.. .. .. .. фон
.. .. .. .. .. backdrop.component.scss
.. .. .. .. .. backdrop.component.ts
.. .. .. .. dialog
.. .. .. .. . .dialog.component.html
.. .. .. .. .. dialog.component.scss
.. .. .. .. .. dialog.component.ts
.. .. .. .. models
.. .. .. .. .. dialog-active.model.ts
.. .. .. .. .. dialog-content-ref.model. ts
.. .. .. .. .. dialog-options.model.ts
.. .. .. .. .. dialog-ref.model.ts
.. . .. .. .. index.ts
.. .. .. .. services
.. .. .. .. .. dialog.service.ts
.. .. .. .. dialog.module.ts
.. .. .. app.component.html
.. .. .. app.component.scss
.. .. .. приложение .component.ts
.. .. .. app.module.ts
.. .. .. core.module.ts
В следующей статье мы собираемся сделать ее доступной в модуле приложения! Пойдем…
‹‹ Предыдущий = МЕНЮ = Следующий ››
