ngModel不是角度的「輸入」的屬性（導入FormsModules不起作用）

Question

我幾乎沒有嘗試過，但ngModel似乎不能在component.html文件中工作。

我有以下的HTML表單

<input [ngModel]="username" type="text" name="username" [placeholder]="'INPUT_USERNAME_HINT' | translate"/> 

內，我得到的標題描述的錯誤。

我已經試過([ngModel])="username"，[(ngModel)]="username"，(ngModel)="username"，[ngModel]="username"但非工作（第一和最後的崩盤和ngModel根本不承認該組件的屬性）。

我在app.module以下

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

(...) 

@NgModule({ 
    declarations: [ AppComponent ], 
    imports: [ 
     BrowserAnimationsModule, 
     HttpModule, 
     TranslateModule.forRoot({ 
      loader: { 
       provide: TranslateLoader, 
       useFactory: (createTranslateLoader), 
       deps: [Http] 
      } 
     }), 
     FormsModule, 
     ReactiveFormsModule 
    ], 
    providers: [SERVICE_PROVIDERS], 
    bootstrap: [ AppComponent ] 
}) 

我甚至嘗試我現在​​不記得了BrowserForms但也沒有工作。

我實在找不出什麼可能是錯誤的，我真的需要知道

我用下面的角度種子順便說一句https://github.com/TeamMaestro/angular-native-seed

謝謝您的幫助

Answer 1

它應該是[(ngModel)]

<input [(ngModel)]="username" type="text" name="username" [placeholder]="'INPUT_USERNAME_HINT' | translate"/>