angular2雙向綁定不會更新，因爲我輸入字符串

Question

我是新的angular2，我希望有人可以幫助我的基本事情，爲什麼我的雙向綁定不起作用。我在我的HTML這個超級簡單的代碼，我已經在我的module.ts加入以下內容：

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

in html: 
<input [(ngModel)]="username"> 
<p>Hello {{username}}!</p> 

，我有是當我輸入的輸入字符串框中"Hello {{username}}"沒有更新的問題。但是，當我在輸入框外單擊時，"Hello {{username}}"將使用輸入的值進行更新。

請讓我知道我想什麼神奇的，我在這裏失蹤:(。謝謝

Answer 1

您需要添加ngModelOptions或name

<input [(ngModel)]="username" [ngModelOptions]="{standalone: true}"> 

或

<input [(ngModel)]="username" name="username">