angular - 調用 ngModel 時顯示空白畫面

我正在嘗試學習 Angular2 的基礎，所以我正在做一些測試。我已經下載了 typescript 和 angular/cli。

我可以使用插值、屬性綁定等，但當我嘗試使用像這樣的雙向數據綁定（在app.component.html中進行測試）時：

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

當 ng server 重新整理時，我所做的所有事情都消失了，我看到的只是空白畫面。

我希望答案簡單，因為我是使用 Angular 的初學者。

編輯： 即使更新了 app.modules.ts，我的控制台仍然顯示以下錯誤：

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

答案＃1

你在控制台一定會收到錯誤，要使用 ngModel，請將這個加入你的模組中,

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

@NgModule({
imports: [
         FormsModule      
]

使用正確的語法 ngModel

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

答案＃2

你需要在輸入框上加上 "name" 屬性，才能使它與 ngModel 一起工作

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

這裡是 Plunker