Angular 2: impossibile collegarsi a 'ngModel' poiché non è una proprietà nota di 'input'

Per far funzionare ngModel quando usi AppModules (NgModule), devi importare FormsModule nel tuo AppModule.

Come questo:

import { NgModule } from '@angular/core';
import { BrowserModule  } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

import { AppComponent }   from './app.component';


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

Ho riscontrato un errore simile dopo l'aggiornamento a RC5; Ad esempio Angular 2: non è possibile associare a 'ngModel' poiché non è una proprietà nota di 'input'.

Il codice su Plunker mostra che usi Angular2 RC4, ma il codice di esempio in https://angular.io/docs/ts/latest/cookbook/dynamic-form.html sta usando NGModule che fa parte di RC5. NGModules è un cambio di rottura da RC4 a RC5.

Questa pagina spiega la migrazione da RC4 a RC5: https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html

Spero che questo risolva l'errore che stai ricevendo e ti aiuti ad andare nella giusta direzione.

In breve, ho dovuto creare un NGModule in app.module.ts:

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule }   from '@angular/forms';

import { AppComponent }  from './app.component';

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

Ho quindi modificato main.ts per utilizzare il modulo:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

Naturalmente, avevo anche bisogno di aggiornare le dipendenze in package.json. Ecco le mie dipendenze da package.json. Certo, li ho zoppati insieme da altre fonti (forse gli esempi di ng docs), quindi il tuo chilometraggio potrebbe variare:

...
"dependencies": {
    "@angular/common": "2.0.0-rc.5",
    "@angular/compiler": "2.0.0-rc.5",
    "@angular/core": "2.0.0-rc.5",
    "@angular/forms": "0.3.0",
    "@angular/http": "2.0.0-rc.5",
    "@angular/platform-browser": "2.0.0-rc.5",
    "@angular/platform-browser-dynamic": "2.0.0-rc.5",
    "@angular/router": "3.0.0-rc.1",
    "@angular/router-deprecated": "2.0.0-rc.2",
    "@angular/upgrade": "2.0.0-rc.5",
    "systemjs": "0.19.27",
    "core-js": "^2.4.0",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "^0.6.12",
    "angular2-in-memory-web-api": "0.0.15",
    "bootstrap": "^3.3.6"
  },
...

Spero che questo aiuti meglio. :-) 

import {FormControl,FormGroup} from '@angular/forms';

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

Dovresti anche aggiungere quelli mancanti.

Devi solo aggiungere FormsModule e importare FormsModule nel tuo file app.module.ts.

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

imports: [
    BrowserModule, FormsModule 
],

Basta aggiungere le due righe precedenti nel tuo app.module.ts. Funziona bene.

Devi importare FormsModule nel tuo @NgModule Decorator, @NgModule è presente nel tuo file moduleName.module.ts.

import { FormsModule } from '@angular/forms';
@NgModule({
   imports: [
      BrowserModule,
      FormsModule
   ],
   declarations: [ AppComponent ],
   bootstrap: [ AppComponent ]
 })

La prima importazione di FormsModule da lib angolare e in NgModule lo ha dichiarato nelle importazioni 

import { FormsModule } from '@angular/forms';
    @NgModule({
      declarations: [
        AppComponent,
        ],
      imports: [
        BrowserModule,
        FormsModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })

Per poter usare 'ngModule', 'FormsModule' (da @angular/forms) deve essere aggiunto al tuo array import[] nella AppModule (dovrebbe essere lì per impostazione predefinita in un progetto CLI).

Devi importare la dipendenza @ angular/forms dal tuo modulo.

se stai usando npm, installa la dipendenza:

npm install @angular/forms --save

Importa sul tuo modulo:

import {FormsModule} from '@angular/forms';
@NgModule({
    imports: [.., FormsModule,..],
    declarations: [......],
    bootstrap: [......]
})

E se stai usando SystemJs per caricare i moduli

'@angular/forms': 'node_modules/@angular/forms/bundles/forms.umd.js',

Ora puoi usare [(ngModel)] per due metodi di associazione dati.

Per qualche ragione in Angular 6, semplicemente importando FormsModule non è stato risolto il problema. Ciò che finalmente ha risolto il mio problema è stato aggiungendo

import { CommonModule } from '@angular/common';

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

export class MyClass{
}

Supponiamo che la tua vecchia app.module.ts abbia un aspetto simile a questa:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';

@NgModule({
    imports: [ BrowserModule ],
    declarations: [ AppComponent ],
    bootstrap: [ AppComponent ]
})

export class AppModule { }

Ora importa FormsModule nel tuo app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';

@NgModule({
    imports: [ BrowserModule, FormsModule ],
    declarations: [ AppComponent ],
    bootstrap: [ AppComponent ]
})

export class AppModule { }

http://jsconfig.com/solution-cant-bind-ngmodel-since-isnt-known-property-input/

È descritto nel tutorial Angular: https://angular.io/tutorial/toh-pt1#the-missing-formsmodule

Devi importare FormsModule e aggiungerlo alle importazioni nella dichiarazione @NgModule.

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

@NgModule({
  declarations: [
    AppComponent,
    DynamicConfigComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

Questa risposta può aiutarti se stai usando Karma:

Ho fatto esattamente come è menzionato nella risposta di @ wmnitin, ma l'errore era sempre lì. Quando usi "ng serve" invece di "karma start", funziona!