Can't bind to 'ngModel' code example

Example 1: Can't bind to 'ngModel' since it isn't a known property of 'input'.

import { FormsModule } from '@angular/forms';

[...]

@NgModule({
  imports: [
    [...]
    FormsModule
  ],
  [...]
})

Example 2: Uncaught Error: Template parse errors: Can't bind to 'ngModel'

Try to import FormModule an app.module.ts file

import { FormsModule } from '@angular/forms'

@NgModule({
  declarations: [
    ....
  ],
  imports: [
    ...,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Example 3: Can't bind to 'ngModel' since it isn't a known property of 'input'.ng

if we want to implement form in agular we need to add 'FormsModule' in app-module.ts imports: section

Example 4: Can't bind to 'ngModel' since it isn't a known property of 'input'.ng

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.1.2 (node_modules\rollup\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.1.2 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\watchpack-chokidar2\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\webpack-dev-server\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN @angular-devkit/[email protected] requires a peer of @angular/localize@^10.0.0 but none was installed.   
npm WARN @angular-devkit/[email protected] requires a peer of ng-packagr@^10.0.0 but none was installed.
npm WARN [email protected] requires a peer of bufferutil@^4.0.1 but none was installed.
npm WARN [email protected] requires a peer of utf-8-validate@^5.0.2 but none was installed.
npm WARN [email protected] requires a peer of node-sass@^4.0.0 but none was installed.
npm WARN [email protected] requires a peer of fibers@>= 3.1.0 but none was installed.
npm WARN [email protected] requires a peer of html-webpack-plugin@^2.21.0 || ~3 || >=4.0.0-alpha.2 <5 but none was installed.
npm WARN [email protected] requires a peer of [email protected] - 3 but none was installed.
npm WARN [email protected] requires a peer of popper.js@^1.16.1 but none was installed.
PS C:\Angular_workspaces\student\student-frontend-app> npm install --save-dev "rollup@>=0.66.0 <2"
[email protected] C:\Angular_workspaces\student\student-frontend-app
+-- @angular-devkit/[email protected]


this fix the above issues
npm install npm -g
npm install --save-dev @angular/cli@latest
npm install
npm start

Tags:

Recent Posts