Reactive form using ngModel gives warning of ngModel being removed in v7 and link to documentation which says document not found

🐞 bug report

Affected Package

The issue is caused by package @angular/forms

Is this a regression?

Not sure. Not written reactive forms with previous versions

Description

I get a console warning from forms.js line 1403 (Angular v 7.1.1) "It looks like you’re using ngModel on the same form field as formControlName. Support for using the ngModel input property and ngModelChangeEvent with reactive form directives has been deprecated in Anguar v6 and will be removed in Angular v7. For more information on this, see our API docs here: https://angular.io/api/forms/FormControlName#use-with-ngmodel

🔬 Minimal Reproduction

An input control with [ngModel] binding and formControlName specified (eg a filtered input text box) causes the warning with the bad link to appear

🔥 Exception or Error

🌍 Your Environment

Angular Version:



Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.11.1
@angular-devkit/build-angular     0.11.1
@angular-devkit/build-optimizer   0.11.1
@angular-devkit/build-webpack     0.11.1
@angular-devkit/core              7.1.1
@angular-devkit/schematics        7.1.1
@ngtools/webpack                  7.1.1
@schematics/angular               7.1.1
@schematics/update                0.11.1
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.23.1

Anything else relevant?

Issue Analytics

State:
Created 5 years ago
Comments:6 (2 by maintainers)

Top GitHub Comments

2reactions

AngularianUKcommented, Jan 8, 2019

No it isn’t. For two hours this morning it was failing. Sod’s Law says half an hour after I posted this issue it started working.

0reactions

angular-automatic-lock-bot[bot]commented, Sep 15, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Top Results From Across the Web

angular 6 warning for using formControlName and ngModel

Now you can find the documentation here: https://angular.io/api/forms/FormControlName#use-with-ngmodel-is-deprecated. So you have 3 options:.

Deprecated APIs and features - Angular

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

Angular Validation - W3Schools

AngularJS offers client-side form validation. AngularJS monitors the state of the form and input fields (input, textarea, select), and lets you notify the ......

ngModel - AngularJS: API

The ngModel directive binds an input , select , textarea (or custom form control) to a property on the scope using NgModelController, which...

Angular ng-select - npm

Getting started · Step 1: Install ng-select : · Step 2: Import the NgSelectModule and angular FormsModule module: · Step 3: Include a...