Угловой импорт FormsModule в app.module против child.module

Question

Я использую Angular с ленивыми загрузочными модулями.Каждый компонент имеет свой собственный модуль.Если я импортирую модуль в корневой модуль (app.module), он должен работать нормально.Например, я импортировал HttpClientModule в app.module и могу использовать его в дочерних компонентах.

Но с FormsModule это не работает нормально.Я должен импортировать его в дочерний модуль, в противном случае я получаю следующие ошибки:

Can't bind to 'ngModel' since it isn't a known property of 'input'. ("

У вас есть идеи, почему это происходит?

Answer 1

Я нашел ответ здесь :

• если модуль импортируется для компонентов, вам нужно будет импортировать его в каждый модуль, в котором они нужны,
• если модуль импортируется для сервисов, вам нужно будет импортировать его только один раз, в первом модуле приложения.

Answer 2

создайте SharedModule

@NgModule({

 imports: [
    CommonModule,
    FormsModule,
  ],
  declarations: [
  ],
  exports: [
    CommonModule,
    FormsModule,
  ]
})
export class SharedModule {
}

и добавьте его в app.module.ts

 imports: [ SharedModule.forRoot(),
// Core Module
CoreModule.forRoot()]