将ReactiveFormsModule添加到我的angular 4应用程序后,没有获得NgControl错误的提供程序

Question

我收到此错误 - "模板解析错误:NgControl没有提供者"

 The error comes from this line of code

 --> <select (ngModel)="currencies" (ngModelChange)="showPurchase($event)" class="annka-center" name="curencies">
       <option *ngFor="let money of currencies; let i = index" (ngValue)="money" (click)="showPurchase(money)"> {{money.Currency}} </option>
 </select>

上面的代码工作顺利,直到我将ReactiveFormsModule添加到我的应用程序.

我在这里尝试了解决方案

错误:没有NgControl Angular AOT的提供者

但这对我没有用.我正在使用Angular 4.

Answer 1

应该

<select [(ngModel)]="currencies" (ngModelChange)="showPurchase($event)" class="annka-center" name="curencies">
       <option *ngFor="let money of currencies; let i = index" (ngValue)="money" (click)="showPurchase(money)"> {{money.Currency}} </option>
 </select>

还要确保从'@ angular/forms'导入导入{FormsModule,ReactiveFormsModule}下的app.module.ts中导入FormsModule;

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

    @NgModule({
        imports: [
             FormsModule      
        ]

Answer 2

我收到此错误是因为我忘记添加[(ngModel)]输入元素。

<input [(ngModel)]="firstName/>

Answer 3

我也收到此错误，因为我忘记将formControlName指令添加到模板中的表单控件中，这意味着：

<input formControlName="firstName" />