ngModel lässt leeren Bildschirm, wenn sie

Question

aufgerufen wird Ich versuche, die Grundlagen von Angular2 zu lernen, also habe ich versucht, einige Tests zu machen. Ich habe bereits typescript und angular/cli heruntergeladen.

I iterpolation verwenden kann, das Eigentum Bindung, etc., aber wenn ich versuche, eine Zwei-Wege-Datenbindungs ​​ so zu verwenden (in app.component.html für Tests):

<input type="text" [(ngModel)]="test.description"> 

und die ng server Auffrischungen, all die Dinge, die ich getan habe, verschwinden und alles, was ich sehe, ist ein leerer Bildschirm.

Ich bitte, dass die Antworten einfach sein, weil ich ein Anfänger in der Verwendung von eckigen bin.

EDIT: Auch nach der Aktualisierung app.modules.ts, meine Konsole den folgenden Fehler immer angezeigt wird:

Uncaught Error: Template parse errors: 
Can't bind to 'NgModel' since it isn't a known property of 'input'. (" 
</p> 

<input type="text" [ERROR ->][(NgModel)]="test.description" >` 

Answer 1

Sie müssen einen Fehler auf der Konsole bekommen, verwenden ngModel, Fügen Sie diese auf Ihrem Modul,

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

@NgModule({ 
imports: [ 
     FormsModule  
] 

Verwenden Sie die korrekte Syntax ngModel

<input type="text" name="name" [(ngModel)]="test.description"> 

Answer 2

Sie benötigen ein Attribut „name“ auf den Eingang, um zu setzen, um es mit ngModel

<input type="text" name="name" [(ngModel)]="test.description"> 

die Plunker