angular - 如何修复 ngModel 无法用于使用父 formGroup 指令注册表单控件

标签 angular

我的 Angular 项目中有这一行:

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

我收到此错误:

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

如何将 [ngModelOptions]="{standalone: true}"应用于下拉菜单?我看到的只是输入的示例。或者有更好的方法来解决这个问题吗?

最佳答案

你可以像我下面的例子一样使用;

<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 的更新说明

Support for using the ngModel input property and ngModelChange event with reactive form directives has been deprecated in Angular v6 and will be removed in Angular v7.

关于angular - 如何修复 ngModel 无法用于使用父 formGroup 指令注册表单控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51530016/

相关文章:

angular - Angular2 EventEmitter 我做错了什么?

angular - 找不到模块 : Error: Can't resolve 'rxjs/add/observable/throw'

html - 如何将类添加到使用 JavaScript 动态创建的 SVGRect?

angular - 如何在 Angular 应用程序中对 router.navigate 进行单元测试

angular - ng-cli : hidden . git 目录已创建?断开链接?

javascript - 动态组件上的 Angular 5 下一个按钮

angular - 如何将数据从条件 ng 容器传递到 ng 模板

Angular2 表单重新加载而不是调用 onSubmit()

angular - 如何转义 Angular 模板中的花括号?

unit-testing - 如何在 Angular2 rc5 中导入 jasmine 测试函数