ngModel不能用于通过父formGroup指令注册表单控件 [英] ngModel cannot be used to register form controls with a parent formGroup directive

问题描述

升级到RC5后，我们开始出现此错误：

After upgrading to RC5 we began getting this error:

ngModel cannot be used to register form controls with a parent formGroup directive.  Try using
  formGroup's partner directive "formControlName" instead.  Example:


<div [formGroup]="myGroup">
  <input formControlName="firstName">
</div>

In your class:

this.myGroup = new FormGroup({
   firstName: new FormControl()
});

  Or, if you'd like to avoid registering this form control, indicate that it's standalone in ngModelOptions:

  Example:


<div [formGroup]="myGroup">
   <input formControlName="firstName">
   <input [(ngModel)]="showMoreControls" [ngModelOptions]="{standalone: true}">
</div>

在RC5中，看起来这两个不能再使用了，但是我找不到其他选择解决方案。

It looks like in RC5 the two can no longer be used together, but I could not find an alternative solution.

以下是产生异常的组件：

Here is the component producing the exception:

<select class="field form-control" [formGroup]="form" [(ngModel)]="cause.id" [name]="name">
<option *ngFor="let c of causes" [value]="c.text">{{c.text}}</option>
</select>

推荐答案

错误消息$ b的答案正确$ b您需要指出它是独立的，因此与表单控件不冲突：

The answer is right on the error message, you need to indicate that it's standalone and therefore it doesn't conflict with the form controls:

[ngModelOptions]="{standalone: true}"

这篇关于ngModel不能用于通过父formGroup指令注册表单控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！