如何修复ngModel不能用于通过父formGroup指令注册表单控件

Question

我的棱角项目中有这条线：

 <option *ngFor="let item of painLevels" value="{{item.id}}">{{item.painlevel}}</option>

我收到此错误：

  

ngModel不能用于向父级注册表单控件   formGroup指令。尝试使用         而是使用formGroup的合作伙伴指令“ formControlName”。

如何将[ngModelOptions] =“ {standalone：true}”应用于下拉菜单？我所看到的只是输入示例。还是有更好的方法来解决此问题？

Answer 1

<select name="country" formControlName="country" id="country" 
       class="formcontrol form-control-element" [(ngModel)]="country">
   <option value="90">Turkey</option>
   <option value="1">USA</option>
   <option value="30">Greece</option>
</select>

name="country"
formControlName="country" 
[(ngModel)]="country" 

这是在formGroup指令中使用ngModel的三件事。

请注意，应使用相同的名称。

Answer 2

您可以在下面的示例中使用它；

<select name="country" formControlName="country" id="country" class="form-control form-control-element" [(ngModel)]="country">
  <option value="90">Turkey</option>
  <option value="1">USA</option>
  <option value="30">Greece</option>
</select>

不要忘记使用formControlName="country"

并且不要忘记从angular.io阅读更新说明

  

支持将ngModel输入属性和ngModelChange事件与       反应形式指令已在Angular v6中弃用，并将被删除       在Angular v7中。