在 Angular 中,可以通过验证表单控件来启用或禁用提交按钮。要验证 FormGroup 中至少包含一个控件,可以使用以下代码示例:
在组件中定义 FormGroup:
import { FormGroup, FormControl, Validators } from '@angular/forms';
export class AppComponent {
form: FormGroup;
constructor() {
this.form = new FormGroup({
name: new FormControl('', Validators.required),
email: new FormControl('', Validators.required),
message: new FormControl('', Validators.required)
});
}
}
在模板中使用以下代码来禁用或启用提交按钮:
这样,只有当 FormGroup 中至少有一个控件被填写时,才会启用提交按钮。