import { Component, Input, OnChanges, SimpleChange } from '@angular/core';
import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
@Component({
templateUrl: 'ads.component.html'
})
export class AdsComponent {
form;
ngOnInit() {
this.form = new FormGroup({
ads_name: new FormControl("Hello Ads!")
});
}
constructor(
private http: HttpClient
) {
}
onSubmit = function(user) {
console.log(user);
}
}
<form class="form-horizontal" [formGroup] = "form" (ngSubmit)="onSubmit(form.value)">
<div class="form-group row">
<label class="col-md-3 form-control-label" for="ads_name">Ads Name</label>
<div class="col-md-9">
<input type="text" id="ads_name" name="ads_name" class="form-control" placeholder="Ads Name" formControlName="ads_name" ngModel>
</div>
</div>
</form>
下面是我模块中的代码
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
@NgModule({
imports: [
BrowserModule,
AppRoutingModule,
BsDropdownModule.forRoot(),
TabsModule.forRoot(),
ChartsModule,
ReactiveFormsModule,
HttpClientModule,
FormsModule
],
正如您的错误所述:
模板分析错误:无法绑定到“窗体组”,因为它不是“窗体”的已知属性。(“][formGroup]=”form“(ngSubmit)=”onSubmit(form.value)“>”):ng:///componentsmodule/adscomponent.html@
我们可以假设您的adscomponent
是componentsmodule
声明的一部分,但是您已经在appmodule
中导入了reactiveformsmodule
。因此,为了使angular能够编译adscomponent
的模板,您应该:
1)在componentsmodule
中导入reactiveformsmodule
:
@NgModule({
imports: [
...
ReactiveFormsModule
]
})
export class ComponentsModule {}
2)或导出ReactiveFormModule
的导入模块
@NgModule({
exports: [
...
ReactiveFormsModule
]
})
export class SharedModule {}
@NgModule({
imports: [
...
SharedModule
]
})
export class ComponentsModule {}
另见:
(为简洁起见进行了简化) modal-dialog.html modal-body.html(使用angular2-component-outlet的动态模板)
我曾经在Ingangle2/4中使用过窗体构建器,但现在我在Ingangle6中使用它。我见过这个问题(不能绑定到“form group”,因为它不是“form”的已知属性),但它是针对angular 2的。我对角4做了同样的事情,但我得到了这个错误。请帮忙:我的代码是: app.module.ts:(我已导出FormsModule和ReactiveFormsModule): login.comp
我想在离子页面上做一个表单,但我有那个错误。图像误差 我一直在搜索这个问题,更流行的解决方案是导入ReactiveFormsModule,但正如您所看到的,它是正确导入的。怎么会有问题呢? 表单位于一个页面(editpage)中,该页面作为模式从tab2页面启动。
我在angular 2是新的,我试图做一个反应形式,但我有一些麻烦。在堆栈中找了很多遍后,我没有找到解决方案。 在这里你可以看到我的错误 代码: 希望这个答案能帮助别人。
我使用Angular ReactiveFormsModule创建了一个表单,但在构建应用程序时得到了这个错误消息 src/app/security/login/login.component.html中的错误:11:13-错误NG8002:无法绑定到“窗体组”,因为它不是“窗体”的已知属性。 html: login.component.ts security.module.ts
我已经将我的应用程序从Angular 2升级到Angular 6版本。ng build--prod正在成功构建应用程序。我能够登录到我的应用程序和50%的功能是完美的工作,在一些选项不工作和抛出下面的异常: