Angular中单选按钮验证不起作用
创始人
2024-10-31 01:30:57
0

在 Angular 中验证单选按钮时,使用 @angular/forms 库的 Validators.requiredTrue 是一个常见的做法。例如:

HTML 代码:



Please select an option.

Typescript 代码:

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'my-app',
  template: `...`,
})
export class AppComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      myRadio: ['', Validators.requiredTrue],
    });
  }
}

需要注意的是,由于单选按钮的值可能是字符串,所以必须设置空字符串作为默认值。同时,touch 事件也很重要,因为它将启用 myForm.get('myRadio').touched 的状态,并显示验证错误信息。

以上代码应该可以解决单选按钮验证不起作用的问题。

相关内容

热门资讯

总算了解!!中至余干有挂装吗(... 总算了解!!中至余干有挂装吗(透视)潮汕汇app辅助(详细开挂外开挂教程)亲,关键说明,中至余干有挂...
我来教教大家!兴动互娱脚本(透... 我来教教大家!兴动互娱脚本(透视)微乐广西小程序脚本(详细开挂外开挂教程)1、许多玩家不知道微乐广西...
揭秘攻略!浙江游戏大厅辅助器(... 揭秘攻略!浙江游戏大厅辅助器(透视)微友约局辅助(详细开挂外开挂教程);运浙江游戏大厅辅助器辅助工具...
终于知道!!闲逸510k辅助软... 终于知道!!闲逸510k辅助软件(透视)皇豪互众控制系统下载(详细开挂外开挂教程)1、玩家可以在闲逸...
玩家必看秘籍!财神十三脚本(透... 玩家必看秘籍!财神十三脚本(透视)小唐家乐园辅助器(详细开挂外开挂教程);1、小唐家乐园辅助器ai辅...
一分钟了解!新天道怎么看底牌(... 一分钟了解!新天道怎么看底牌(透视)衢州都莱辅助软件(详细开挂外开挂教程);1)衢州都莱辅助软件辅助...
信息共享!雀友会潮汕麻将开挂(... 信息共享!雀友会潮汕麻将开挂(透视)微友约局辅助(详细开挂外开挂教程);1)雀友会潮汕麻将开挂辅助挂...
查到实测辅助!新超凡大厅怎么开... 查到实测辅助!新超凡大厅怎么开挂(透视)黑科技辅助软件免费(详细开挂外开挂教程)新超凡大厅怎么开挂软...
大家学习交流!湖南牵手胡子跑脚... 大家学习交流!湖南牵手胡子跑脚本(透视)福建天天开心辅助软件大全(详细开挂外开挂教程)1、福建天天开...
玩家必看秘籍!蜀山四川辅助脚本... 玩家必看秘籍!蜀山四川辅助脚本(透视)新二号辅助下载(详细开挂外开挂教程)1、这是跨平台的蜀山四川辅...