angular 6 warning for using formControlName and ngModel angular 6 warning for using formControlName and ngModel angular angular

angular 6 warning for using formControlName and ngModel


If you're looking for Angular 6 documentation right now then use https://next.angular.io

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

So you have 3 options:

  1. use Reactive forms

  2. use Template driven forms

  3. silence warning (not recommended)

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


Remove [(ngModel)] from every field within formGroup contains formControlName and set value in controller class as follows simply this.form.get('first').setValue('some value'); do not close or silence warnings explicitly


add

[ngModelOptions]="{standalone: true}" 

You can read more from angular website https://angular.io/api/forms/NgModel