在Angular 2中进行单选按钮验证的解决方法如下:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, 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 formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
gender: ['', Validators.required]
});
}
}
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, 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 formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
gender: ['', Validators.required]
});
}
onSubmit() {
if (this.myForm.valid) {
// 表单验证通过,进行提交操作
} else {
// 表单验证失败,进行相应处理
}
}
}
这样,Angular 2单选按钮验证就完成了。当没有选择单选按钮时,会显示错误消息,并且表单验证无法通过。