如何在Angular 2的NgModule中正确导入FormGroup [英] How to correctly import FormGroup in NgModule in Angular 2

问题描述

我尝试将FromGroup，FormBuilder和FormControl导入我的CustomModule:

I try to import FromGroup, FormBuilder and FormControl to my CustomModule:

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

@NgModule({
  imports: [
    FormsModule,
    FormGroup
  ]
})

但是它会引发错误:

例外:未捕获(承诺):错误:意外值'FormGroup' 由模块"CustomModule"导入

EXCEPTION: Uncaught (in promise): Error: Unexpected value 'FormGroup' imported by the module 'CustomModule'

如果我仅导入FormsModule，则效果很好.

If i only import FormsModule it works fine though.

有什么想法吗?

推荐答案

您不能将FormGroup添加到模块的导入中，只需将其导入要使用FormGroup的组件中即可.您只能将 MODULES 添加到模块的imports.另外，如果要使用FormGroup指令，则需要在模块中导入ReactiveFormsModule:

You can't add FormGroup to module's imports, just import it in the component in which you want to use FormGroup. You can only add MODULES to module's imports. Also, if you want to use FormGroup directive, you will need to import ReactiveFormsModule in your module:

@NgModule({
  imports: [
    FormsModule,
    ReactiveFormsModule
  ]
})

这篇关于如何在Angular 2的NgModule中正确导入FormGroup的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！