angular - 在模块延迟加载上使用 ReactiveFormsModule

Question

我在 Angular 4 中有这个主要模块:

@NgModule({
    imports: [
        //.. other modules
        ReactiveFormsModule,
    ],
    declarations: [
        AppComponent,
        ...routingComponents,
    ],
    providers: [
        ...routingGuards,
    ],
    exports: [
        ReactiveFormsModule,
    ],
    bootstrap: [AppComponent]
})

export class AppModule { }

我还有另一个模块 AdminModule，它是从这个主 AppModule 延迟加载的。在 AdminModule 上，我有一些路线，我也使用 react 形式。但是，当我尝试创建一个新表单时，我不断收到如下错误:

Error: Template parse errors: Can't bind to 'formGroup' since it isn't a known property of 'form'.

试图解决这个问题，我看到我必须从主模块中导出 ReactiveFormsModule 才能与其他模块一起使用，但我这样做并且仍然收到错误。我在这里做错了什么？

Answer 1

我们需要导入 ReactiveFormsModule FormsModule在 管理模块 为了使所有指令起作用:

import { FormsModule, ReactiveFormsModule } from '@angular/forms';
...

@NgModule({
  imports: [
    ...,
    FormsModule,    //added here too
    ReactiveFormsModule //added here too
  ],
  declarations: [...],
  providers: [...]
})

export class AdminModule{}