这个问题已经有了答案:
binding angular object to model-driven form in angular2
1答
我有个错误
Can't bind to 'formGroup' since it isn't a known property of 'form'
将项目更新为angular2 rc.5之后
应用模块:
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
DeprecatedFormsModule,
HttpModule,
TranslateModule.forRoot({
provide: TranslateLoader,
useFactory: (http: Http) => new TranslateStaticLoader(http, '/assets/i18n', '.json'),
deps: [Http]
}),
ConfigurationDevicesModule,
ConfigurationEditModule,
ControlModule,
ResourceEditModule,
UniWebControlInfoModule,
routing
],
bootstrap: [ AppComponent ]
})
export class AppModule {
}
mycomponent.module.ts组件
@NgModule({
declarations: [
ConfigurationDevicesComponent
],
imports: [
BrowserModule,
TranslateModule
],
exports: [
ConfigurationDevicesComponent
]
})
export class ConfigurationDevicesModule {
}
模板HTML示例:
<form [formGroup]="selectBackground">
<div *ngIf="backgrounds" class="form-group">
<h5>{{ 'CONFIGURATION_DEVICES.ALL_BACKGROUNDS' | translate }}</h5>
<select formControlName="selectBackgroundId">
<option *ngFor="let background of backgrounds" [value]="background.id">{{ 'CONFIGURATION_DEVICES.ID' | translate }} {{ background.id }} {{ 'CONFIGURATION_DEVICES.NAME' | translate }} {{ background.name }}</option>
</select>
</div>
</form>
在角2rc4中,formgroup工作良好。
我尝试同时导入不推荐的dformsmodule和dformsmodule,问题是相同的。在官方文件的角度上,我现在找不到任何关于FORMGROUP或再次改变了建筑形式的方式?
最佳答案
更新ReactiveFormsModule
需要添加到imports
@NgModule({
imports: [BrowserModule, FormsModule, ReactiveFormsModule], // <<<===
...
})
起初的
使用
ReactiveFormsModule
而不是DeprecatedFormsModule
。要将
ngModel
与formControlName
一起使用,您需要导入FormsModule
和ReactiveFormsModule
关于forms - Angular 2 RC.5无法绑定(bind)到“formGroup”,因为它不是“form”的已知属性,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39076395/