我在使用Angular Material时遇到了一些问题,尝试了许多解决方案但都不起作用。这是我想要做的事情:
我正在使用Angular Material和响应式表单来制作一个register
表单,一切都很顺利,直到我添加了mat-checkbox
组件。这是我收到的error
:
ERROR Error: mat-form-field must contain a 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-checkbox
而不使用mat-form-field容器,它可以完美地工作且没有错误,但我真的需要使用表单字段,因为我想添加一些mat-error组件来显示验证消息。
有人知道我漏掉了什么吗?