angle2双方向バインディングが更新されない

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