angular - ngModel çağrıldığında boş ekran bırakıyor

Angular2'nin temellerini öğrenmeye çalışıyorum, bu yüzden bazı testler yapmaya çalışıyordum. Zaten typescript ve angular/cli indirdim.

İnterpolasyon, özellik bağlama vb. kullanabilirim ama testler için app.component.html'deki gibi bir iki yönlü veri bağlama kullanmaya çalıştığımda:

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

ve ng server yenileniyor, yaptığım tüm şeyler kayboluyor ve sadece boş bir ekran görüyorum.

Cevapların basit olmasını istiyorum, çünkü Angular kullanmaya yeni başlıyorum.

DÜZENLEME: app.modules.ts'i güncelledikten sonra bile, konsolum aşağıdaki hatayı göstermeye devam ediyor:

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" >`

Cevap #1

Konsolda bir hata alıyor olmalısınız, ngModel kullanmak için, bunu Modülünüze ekleyin,

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

@NgModule({
imports: [
         FormsModule      
]

Doğru sözdizimini kullanın ngModel

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

Cevap #2

NgModel ile çalışmasını sağlamak için input üzerinde bir "name" özniteliği koymanız gerekiyor

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

İşte Plunker