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(辅助挂)透视辅助(有挂攻略)-哔哩哔哩;支持2-10...
玩家科普!wpk猫腻(Wepo... 玩家科普!wpk猫腻(Wepoke)外挂透明挂辅助软件(辅助挂)德州论坛(有挂教程)-哔哩哔哩;wp...
玩家必看分享(德州版wpk)外... 玩家必看分享(德州版wpk)外挂透明挂辅助脚本(透视)软件透明挂(2021已更新)(哔哩哔哩);德州...
透视模拟器(微扑克原理)外挂透... 透视模拟器(微扑克原理)外挂透明挂辅助神器(透视)德州ai机器人(有挂细节)-哔哩哔哩;微扑克原理黑...
揭秘一下(德扑计算)外挂透明挂... 揭秘一下(德扑计算)外挂透明挂辅助APP(透视)透视辅助(2021已更新)(哔哩哔哩);德扑计算软件...
玩家必备科普!Wepoke控制... 玩家必备科普!Wepoke控制(WEPOKE)外挂透明挂辅助软件(辅助挂)攻略教程(有挂秘籍)-哔哩...
一分钟揭秘(Wepoke网页版... 大家肯定在之前Wepoke网页版或者Wepoke网页版中玩过一分钟揭秘(Wepoke网页版)外挂透明...
透明讲解(红龙扑克机制)外挂透... 您好,红龙扑克机制这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款...
分辨真假!Wepoke网页版(... 分辨真假!Wepoke网页版(wEpOke)外挂透明挂辅助器安装(辅助挂)德州论坛(有挂工具)-哔哩...
透视安卓版(wpk微扑克模拟器... 透视安卓版(wpk微扑克模拟器)外挂透明挂辅助APP(透视)发牌规律(有挂透明挂)-哔哩哔哩是一款可...