Javascript Angular 4:模板分析错误：没有带“的指令”；exportAs"；设置为"；ngForm"；

试着从他们的经验中学习angular4的表单处理

但我在控制台中得到了以下错误

模板分析错误：没有将“exportAs”设置为的指令 “ngForm”

看起来像angular2中的表单模块导入问题，但我已经将其导入到我的`component.ts文件中

    import { FormsModule,ReactiveFormsModule } from '@angular/forms';
    @NgModule({
      imports: [
             CommonModule,
             FormsModule ,
             BrowserModule,
             ReactiveFormsModule     
        ]
    })
   export class FormsComponent implements OnInit {

  constructor() { }

  powers = ['Really Smart', 'Super Flexible',
            'Super Hot', 'Weather Changer'];

  model = new Items(18, 'Dr IQ', this.powers[0], 'Chuck Overstreet');

  submitted = false;

  onSubmit() { this.submitted = true; }          
}

在html中

<form #heroForm="ngForm">
      <div class="form-group">
        <label for="name">Name</label>
        <input type="text" [(ngModel)]="model.name"  class="form-control" id="name" required>
      </div>

<form>

名称

这里的组件似乎正在使用模块装饰器，对吗？哪个模块声明了

FormsComponent

？感谢您指出问题解决了该问题，但是我遇到了另一个错误

，如果表单标记中使用了ngModel，则必须设置name属性或表单

是，只需将

name

属性添加到

输入

标记中，就像

是的，它的solvedIt在这里看起来像是组件在使用模块装饰器，对吗？哪个模块声明了

FormsComponent

？感谢您指出问题解决了该问题，但是我遇到了另一个错误

，如果表单标记中使用了ngModel，则必须设置name属性或表单

是，只需将

name

属性添加到

输入

标记中，就像

是的