Angular Can';t绑定到';formGroup';因为它不是';t'的已知属性;表格';。其他帖子中的答案都没有解决这个问题
我正在按照指南做每件事,但它不起作用 它给了我这个错误 无法绑定到“formGroup”,因为它不是“form”的已知属性 当我取下物品的[(ngModel)]时也出现了这个错误Angular Can';t绑定到';formGroup';因为它不是';t'的已知属性;表格';。其他帖子中的答案都没有解决这个问题,angular,typescript,ionic-framework,Angular,Typescript,Ionic Framework,我正在按照指南做每件事,但它不起作用 它给了我这个错误 无法绑定到“formGroup”,因为它不是“form”的已知属性 当我取下物品的[(ngModel)]时也出现了这个错误 [ERROR ->]<ion-input type="text" formControlName="nome" name="nome" required></ion-input> </ion-item> "): ng:///HomePageModule/Hom
[ERROR ->]<ion-input type="text" formControlName="nome" name="nome" required></ion-input>
</ion-item>
"): ng:///HomePageModule/HomePage.html@59:10
No provider for NgControl ("
<ion-item>
[错误->]
“”:ng:///HomePageModule/HomePage。html@59:10
没有NgControl的提供程序(“
从'@angular/forms'导入{FormsModule,ReactiveFormsModule};
进口:[
浏览器模块,
IonicModule.forRoot(),
批准模块,
FormsModule,
反应窗体模块
],
从“@angular/forms”导入{FormsModule,ReactiveFormsModule,Validators,FormBuilder,FormGroup,FormControl};
不规则形式;
构造函数(formBuilder:formBuilder,inscricaoForm:FormGroup){
this.inscricaform=formBuilder.group({
dataInscricao:['',验证器。必需],
名称:['',验证器。必需],
endereco:['',验证人。必填]
});
}
无需两次导入FormModule
和ReactiveFormsModule
无需注入您自己的属性。请尝试以下操作:
app-module.ts
从“@angular/core”导入{NgModule};
从'@angular/forms'导入{FormsModule,ReactiveFormsModule};
从“./app.component”导入{AppComponent};
@NGD模块({
导入:[BrowserModule,FormsModule,ReactiveFormsModule],
声明:[AppComponent],
引导:[AppComponent]
})
导出类AppModule{}
app-component.ts
从“@angular/forms”导入{验证器、FormBuilder、FormGroup、FormControl};
...
表格:表格组;
构造函数(formBuilder:formBuilder){
this.inscricaform=formBuilder.group({
dataInscricao:['',验证器。必需],
名称:['',验证器。必需],
endereco:['',验证人。必填]
});
}
请查找一个我发现了错误。我不得不将ReactiveModulesImport放在我的home.module.ts文件中!这太简单了,让我很烦恼!为什么要导入
FormModule和ReactiveFormsModule两次?还有[(ngModel)]出现以下错误:ng:///HomePageModule/HomePage。html@29:8无法绑定到“ngModel”,因为它不是“ion datetime”的已知属性。1.如果“ion datetime”是角度组件,并且有“ngModel”输入,请验证它是否是此模块的一部分。因为一个在app.component.ts中,另一个在我的组件上,这是我的packages.json}“dependencies”:{“@angular/common”:“~8.1.2”,“@angular/core”:“~8.1.2”,“@angular/forms”:“^8.2.14”,@tiedmud我更新了我的帖子,添加了一个Stackblitz,请检查。我也做了同样的操作,但它不起作用,我还修改了代码,并放置了[(ngModel)]而且它也不起作用,我认为问题在于FormsModule不能正常工作。你知道我如何才能使它正常工作吗?ngModel中的错误:无法绑定到“ngModel”,因为它不是“ion input”的已知属性。如果你有与我相同的代码,它应该可以工作。问题来自其他地方:/
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
imports: [
BrowserModule,
IonicModule.forRoot(),
AppRoutingModule,
FormsModule,
ReactiveFormsModule
],
import { FormsModule, ReactiveFormsModule, Validators, FormBuilder, FormGroup, FormControl } from '@angular/forms';
inscricaoForm;
constructor(formBuilder: FormBuilder, inscricaoForm: FormGroup) {
this.inscricaoForm = formBuilder.group({
dataInscricao: ['', Validators.required],
nome: ['', Validators.required],
endereco: ['', Validators.required]
});
}
<form [formGroup]="inscricaoForm">