在app.module和child.module中角导入FormsModule

Question

我正在使用带有延迟加载模块的Angular。 每个组件都有其自己的模块。 如果我在根模块（app.module）中导入模块，则它必须工作正常。 例如，我在app.module中导入了HttpClientModule ，并可以在子组件中使用它。

但是关于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()]