可能的解决方法是确保按钮的状态正确绑定,并且在表单中使用合适的 button
元素而不是 input
元素。以下是一个示例代码来解决这个问题:
在组件的 HTML 文件中:
在组件的 TypeScript 文件中:
import { Component } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html',
styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
form: FormGroup;
constructor() {
this.form = new FormGroup({
// 添加表单控件,并使用 Validators 进行校验
username: new FormControl('', Validators.required),
password: new FormControl('', Validators.required)
});
}
}
请注意,上述示例中使用了 Angular 的响应式表单。确保你在模块中导入了 ReactiveFormsModule
。
上一篇:Angular表单导入问题