Angulaire 2: ne Peut pas se lier à 'ngModel', car il n'est pas connu de la propriété de 'entrée'

Trouvé solution rapide, mise à jour de votre @NgModule code comme ceci :

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 { }

Source: Ne peut pas se lier à ‘ngModel’, car il n'est pas connu de la propriété de ‘entrée’

J'ai rencontré une erreur similaire après la mise à jour RC5; c'est à dire Angulaire 2: ne Peut pas se lier à 'ngModel', car il n'est pas connu de la propriété de 'entrée'.

Le code sur Plunker vous montrer à l'aide de Angular2 RC4, mais l'exemple de code à https://angular.io/docs/ts/latest/cookbook/dynamic-form.html est à l'aide de NGModule qui fait partie de la RC5. NGModules est une modification importante de la RC4 à RC5.

Cette page explique la migration de la RC4 à RC5: https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html

J'espère que cela répond à l'erreur que vous obtenez et vous aider à aller dans la bonne direction.

En bref, j'ai dû créer un NGModule dans l'app.le 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 { }

J'ai ensuite changé de main.ts pour l'utilisation du module:

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

platformBrowserDynamic().bootstrapModule(AppModule);

Bien sûr, j'ai aussi besoin de mettre à jour les dépendances de package.json. Voici mon dépendances de package.json. Certes, j'ai boité ensemble à partir d'autres sources (peut-être le ng docs exemples), de sorte que votre kilométrage peut varier:

...
"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"
  },
...

J'espère que cela vous aide à mieux. 🙂

Vous venez d'ajouter FormsModule et l'importation de la FormsModule dans votre app.module.ts fichier.

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

imports: [
    BrowserModule, FormsModule 
],

Il suffit d'ajouter les deux lignes ci-dessus dans votre app.module.ts. Ça fonctionne très bien.

Étape à suivre

1. Ouvrez votre app.module.ts fichier.

.

2. Ajouter import { FormsModule } from '@angular/forms';

.

3. Ajouter FormsModule à imports commeimports: [ BrowserModule, FormsModule ],

.

Résultat Final ressemblera à ceci

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

D'abord importer FormsModule angulaires lib et sous NgModule déclaré des importations de

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

Supposons, votre ancienne application.le module.ts peut ressembler à ceci :

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 { }

Maintenant importer FormsModule dans votre application.le 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/

Pour quelque raison dans Angulaire 6 la simple importation de la FormsModule n'a pas résolu mon problème. Ce qui, enfin, fixe ma question est par l'adjonction de

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

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

export class MyClass{
}