无法绑定到"formGroup"，因为它不是 Angular 12 中"form"的已知属性

Question

我遇到了一个已经在这里解决的问题。

Can't bind to 'formGroup' since it isn't a known property of 'form'.

我添加了作为解释的ReactiveFormsModule, formsmomodules中所要求的模块问题没有解决

view.html

<form formGroup="siteForm" (ngSubmit)="createNewSite()">
<div class="form-group">
<label>Nom du site</label>
<input type="text" formControlName="siteName" class="form-control" required>
</div>
...
<button type="submit" class="btn btn-primary btn-sm">Envoyer</button>
</form>

site.module.ts

import {NgModule} from '@angular/core';
import {CreateComponent} from './create/create.component';
import {ReadComponent} from './read/read.component';
import {BrowserModule} from "@angular/platform-browser";
import {FormsModule, ReactiveFormsModule} from "@angular/forms";

@NgModule({
declarations: [
CreateComponent,
ReadComponent
],
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule
]
})
export class SiteModule {
}

create.component.ts

import {Component, OnInit} from '@angular/core';
import {FormBuilder, FormGroup, Validators} from "@angular/forms";
@Component({
selector: 'app-create',
templateUrl: './create.component.html',
styleUrls: ['./create.component.scss']
})
export class CreateComponent implements OnInit {
siteForm!: FormGroup;
constructor(private formBuilder: FormBuilder) {
}
ngOnInit(): void {
this.siteForm = this.formBuilder.group(
{
siteName: ['', [Validators.required]],
siteDescription: ['', [Validators.required]],
siteCreatedOn: ['', [Validators.required]],
siteActive: ['', [Validators.required]]
}
);
}
createNewSite() {
console.log(this.siteForm.value);
}
}

我从所有模块中删除了'ReactiveFormsModule, formsmomodules '，并把它放回所有模块中。Ts文件，但它没有解决问题

任何想法?谢谢!

Answer 1

首先，view.html是否与create.component.html相同?如果是，请更改<form formGroup="siteForm" (ngSubmit)="createNewSite()">到<form [formGroup]="siteForm" (ngSubmit)="createNewSite()">需要导入ReactiveFormsModule, FormsModules

Answer 2

好了，我发现我的错误了。siteModule没有在site [entities/site/site.module.ts]的父文件夹entities/entities.module.ts中声明!

谢谢你的回答:)

Answer 3

我的错误是我没有在模块声明中声明组件:[yourComponent]