import { Component, OnInit } from '@angular/core'; import { FormGroup, FormBuilder, Validators } from '@angular/forms';
@Component({ selector: 'app-my-form', templateUrl: './my-form.component.html', styleUrls: ['./my-form.component.css'] }) export class MyFormComponent implements OnInit {
myForm: FormGroup;
constructor(private fb: FormBuilder) {}
ngOnInit() { this.myForm = this.fb.group({ option: ['', Validators.required] }); }
}
onSubmit() { if (this.myForm.invalid) { console.log('Form is invalid'); return; }
console.log('Form is valid, submitting...'); // Do form submission code here }
下一篇:Angular响应式表单提交事件