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

imports:[
    BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }),
    HttpClientModule,
    FormsModule,
    ReactiveFormsModule/*This one in particular*/,...
],

在app.module.ts中永久解决诸如“无法绑定[formGroup]或没有export as指令”之类的错误。

我一遍又一遍地问同样的问题，也是出于同样的原因。我来回答一下我做错了什么。可能对某人有帮助。

我通过angular-cli命令创建组件

Ng g c components/something/something

它所做的，是创建我想要的组件。

此外，在创建组件时，它将该组件添加到App模块的declarations数组中。

如果是这种情况，请将其移除。 瞧!它可能会起作用。

This

<div #myForm="ngForm"></div>

也会导致错误，可以通过包含ngForm指令来修复。

<div ngForm #myForm="ngForm"></div>

检查是否导入了FormsModule。在angular 2的新表单发布版本中没有ngControl。您必须将模板更改为作为示例

<div class="row">
    <div class="form-group col-sm-7 col-md-5">
        <label for="name">Name</label>
        <input type="text" class="form-control" required
               [(ngModel)]="user.name"
               name="name" #name="ngModel">
        <div [hidden]="name.valid || name.pristine" class="alert alert-danger">
            Name is required
        </div>
    </div>
</div>

你不仅要将FormsModule导入到根模块AppModule中，还要导入到所有使用angular forms指令的子模块中。

// SubModule A

import { CommonModule } from '@angular/common';
import { FormsModule }   from '@angular/forms';

@NgModule({
  imports: [
    CommonModule,
    FormsModule      //<----------make sure you have added this.
  ],
  ....
})

如果你试图使用jasmine在angular中编写单元测试用例，也会出现这个错误。

这个错误的基本概念是导入FormsModule。因此，在用于单元测试的文件中，我们添加了imports Section，并将FormsModule放在该文件的下面

    TestBed.configureTestingModule
    For eg: 
    TestBed.configureTestingModule({
        declarations: [ XYZComponent ],
        **imports: [FormsModule]**,
    }).compileComponents();