角材料错误时，垫复选框被导入

Question

我在使用角材料时遇到了一些问题，我尝试了很多解决方案，但都不起作用。这就是我想做的：

我正在使用带有反应形式的角材料制作一个寄存器表单，在我添加mat checkbox组件之前，一切都很好。这是我得到的错误

错误：mat form字段必须包含MatFormFieldControl。

这是我的代码：

HTML:

<mat-form-field>
   <mat-checkbox formControlName="check">
      Check me!
   </mat-checkbox>
</mat-form-field>

组件：

this.registerForm = this.formBuilder.group({
    name: ['', Validators.required ],
    email: ['', Validators.required],
    check: ['', Validators.required ]
});

模块：

import { ReactiveFormsModule } from '@angular/forms';
import { RegisterFormComponent } from './register-form.component';
import { MatCheckboxModule } from '@angular/material';
import { MatInputModule } from '@angular/material/input';
import { MatFormFieldModule } from '@angular/material/form-field';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
 imports: [
    ReactiveFormsModule,
    MatInputModule,
    MatFormFieldModule,
    MatCheckboxModule,
    BrowserAnimationsModule
 ],
 declarations: [
    RegisterFormComponent
 ]
})

export class RegisterFormModule { }

我导入了模块以便Angular Material可以正常工作，实现了表单控件名称，但仍然得到了相同的错误。我尝试在html中包含mat复选框，而不使用mat表单字段容器，它可以完美地工作，没有错误，但我确实需要使用表单字段，因为我想添加一些mat错误组件来显示验证消息。

有人知道我错过了什么吗？

Answer 1

该错误意味着表单字段无法在其中找到兼容的材质输入。

不要使用

以下角材料组件设计用于

资料来源：官方文件