使用formControlName和ngModel的angular 6警告

Question

我最近将角度版本升级到6-rc.我得到了以下警告

看起来您在与formControlName相同的表单字段上使用ngModel.Angular v6中不推荐支持将ngModel输入属性和ngModelChange事件与反应式表单指令一起使用,并将在Angular v7中删除

有关此问题的更多信息,请参阅我们的API文档:https: //angular.io/api/forms/FormControlName#use-with-ngmodel

它到底是什么意思？该链接没有任何片段#use-with-ngmodel

我想我需要删除ngModel并使用formGroup作为我的数据绑定对象.

Answer 1

如果您现在正在寻找Angular 6文档,请使用https://next.angular.io

https://next.angular.io/api/forms/FormControlName#use-with-ngmodel

所以你有3个选择:

1. 使用反应表格

2. 使用模板驱动的表单

3. 沉默警告(不推荐)

   imports: [
     ReactiveFormsModule.withConfig({warnOnNgModelWithFormControl: 'never'});
   ]
   

Answer 2

删除[(ngModel)]来自各个领域内formGroup包含formControlName 简单地跟随控制器类和设定值this.form.get('first').setValue('some value');不要靠近或沉默明确的警告

Answer 3

添加

[ngModelOptions]="{standalone: true}" 

您可以从 Angular 网站https://angular.io/api/forms/NgModel阅读更多内容