NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'. 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: can't bind to 'ngmodeloptions' since it isn't a known property of 'input'

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

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

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 fsevents@2.1.3: 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 fsevents@2.1.3: 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 fsevents@1.2.13: 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 fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN @angular-devkit/build-angular@0.1001.4 requires a peer of @angular/localize@^10.0.0 but none was installed.   
npm WARN @angular-devkit/build-angular@0.1001.4 requires a peer of ng-packagr@^10.0.0 but none was installed.
npm WARN ws@7.3.1 requires a peer of bufferutil@^4.0.1 but none was installed.
npm WARN ws@7.3.1 requires a peer of utf-8-validate@^5.0.2 but none was installed.
npm WARN sass-loader@10.0.1 requires a peer of node-sass@^4.0.0 but none was installed.
npm WARN sass-loader@10.0.1 requires a peer of fibers@>= 3.1.0 but none was installed.
npm WARN webpack-subresource-integrity@1.4.1 requires a peer of html-webpack-plugin@^2.21.0 || ~3 || >=4.0.0-alpha.2 <5 but none was installed.
npm WARN bootstrap@4.5.2 requires a peer of jquery@1.9.1 - 3 but none was installed.
npm WARN bootstrap@4.5.2 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"
student-frontend-app@0.0.0 C:\Angular_workspaces\student\student-frontend-app
+-- @angular-devkit/build-angular@0.1001.4


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

Tags:

Typescript Example

Recent Posts