Импорт в app.module.ts не работает глобально

Question

Я использую Angular 8.0 и установил в своем приложении компонент Angular Calendar. Как было предложено, я добавил в app.module.ts импорт модуля календаря, вот так:

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    AppRoutingModule,
    PerfectScrollbarModule,
    RouterModule,
    FormsModule,
    NgSelectModule,
    ReactiveFormsModule,
    ToastrModule.forRoot(),
    PipesModule,
    BreadcrumbModule,
    MenuModule,
    DashboardModule,
    ServicesModule,
    LoginModule,
    CalendarModule.forRoot({ provide: DateAdapter, useFactory: momentAdapterFactory })
  ]
  })

Я использую компонент Calendar в ServicesComponent, который объявлен в ServicesModule. Если я запускаю приложение, я получаю следующую ошибку:

Can't bind to 'view' since it isn't a known property of 'div'. ("v class="btn-group">
                      <div class="btn btn-primary" mwlCalendarPreviousView [ERROR ->][view]="view" [(viewDate)]="viewDate"

Но если я импортирую CalendarModule в модуль служб, как показано ниже, он работает:

@NgModule({
  declarations: [
    ServicesAddComponent,
    ServicesListComponent
  ],
  imports: [
    CommonModule,
    BrowserModule,
    FormsModule,
    NgSelectModule,
    ReactiveFormsModule,
    RouterModule,
    PipesModule,
    CalendarModule.forRoot({ provide: DateAdapter, useFactory: momentAdapterFactory })
  ],
  providers: [
    ServicesService
  ],
  exports: [
    ServicesListComponent
  ]
})

Почему CalendarModule не работает глобально, учитывая, что я сделал импорт в app.module.ts?

Answer 1

Согласно документации Angular Modules , компоненты из данного модуля доступны только в шаблонах компонентов модуля, который его импортирует.

import: Другие модули, экспортированные классы которых необходимы шаблонам компонентов, объявленным в this NgModule.