"Can't bind to 'ngModel' since it isn't a known property of 'input' "

Question

My project was completely running fine but I don't how, when, Where What happened that it's giving error

Can't bind to 'ngModel' since it isn't a known property of 'input'

and also

If 'mat-error' is an Angular component, then verify that it is part of this module.

If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

enter image description here I have already imported FormsModule and it wasn't giving error before but I don't why it suddenly started giving this error.

enter image description here Also include into imports array

enter image description here Error showing. I have already inserted the angular material as well as all the necessary imports

enter image description here Also included FormsModule in app.component.spec.ts

Welcome to Stack Overflow! Your code is in images, which means it can't be searched by people who have the same question as you in the future. Please have a read of [this guide on producing code for a good quality question](https://stackoverflow.com/help/minimal-reproducible-example), then include and mark up your code in your question. Cheers! — Joundill, Jun 03 '20 at 00:26

satanTime · Answer 1 · 2020-06-03T08:27:24.863

0

Looks like you have lazy loaded modules, for them you need to import FormsModule in the related module, not in the app.module. try to import them in EventRegiterModule.

If it's Angular 2+ you should use [ngModel]="Email_id" (ngModelChange)="Email_id = $event" instead of [(ngModel)]="Email_id"

edited Jun 03 '20 at 08:27

answered Jun 03 '20 at 05:24

satanTime

12,631
1
25
73

I tried that too. But it's not helpful still getting the same error. – Thakkerr Piyu Jun 03 '20 at 08:24
as it angular 1 or 2+? in 2+ you should use `[ngModel]="Email_id" (ngModelChange)="Email_id = $event"` – satanTime Jun 03 '20 at 08:26
it's angular 9.1.7. And it was totally running fine during the whole project. And now it's not. – Thakkerr Piyu Jun 03 '20 at 09:32
And by trying your method it's giving error "core.js:36228 Uncaught TypeError: Cannot read property 'id' of undefined at registerNgModuleType (core.js:36228)" – Thakkerr Piyu Jun 03 '20 at 09:35
Also I have installed "ngx-webstorage" lastly (also included it in imports array "NgxWebstorageModule.forRoot()" ) I hope it has nothing to do with the error. – Thakkerr Piyu Jun 03 '20 at 09:44
it's hard to say without debug information where the issue is, in my answer there's no `id`, so I think something deeper fails. – satanTime Jun 03 '20 at 10:23
So what am I supposed to do in order to solve this problem? – Thakkerr Piyu Jun 03 '20 at 10:33
Only debug. Add more screenshots with new errors here, perhaps it can bring light to the issue. – satanTime Jun 03 '20 at 10:37

"Can't bind to 'ngModel' since it isn't a known property of 'input' "

1 Answers1