Question

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

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

export class AppModule { }

我还有另一个模块AdminModule，它是从这个主AppModule延迟加载的。在AdminModule我有一些路线，我也使用反应形式。但是，当我尝试创建一个新表单时，我会遇到这样的错误：

错误：模板解析错误：无法绑定到＆＃39; formGroup＆＃39;因为它不是“形式”的已知属性。

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

Answer 1

我们需要在 AdminModule 中导入ReactiveFormsModule FormsModule才能使所有指令生效：

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

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

export class AdminModule{}

在模块lazyloaded上使用ReactiveFormsModule

1 个答案: