ngModel不是angular中“input”的属性(导入FormsModules不起作用)

时间:2017-09-18 16:14:16

标签: angular

我几乎没有尝试过所有内容,但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,但这也没有用。

我真的找不到可能出错的地方,我真的需要知道

我正在使用以下有角度的种子btw https://github.com/TeamMaestro/angular-native-seed

感谢您的帮助

1 个答案:

答案 0 :(得分:-1)

应为[(ngModel)]

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