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安卓版破解版,绝活教程(有挂秘籍)-哔哩哔哩...
曝光透视!拱趴大菠萝挂!确实一... 曝光透视!拱趴大菠萝挂!确实一直都是有辅助技巧(有人有挂)-哔哩哔哩拱趴大菠萝挂破解侠是真的助透视。...
解迷透视!wejoker私人辅... 解迷透视!wejoker私人辅助软件,智星菠萝有挂吗,手段教程(有挂讲解)-哔哩哔哩1、wejoke...
解迷透视!拱趴游戏破解器!竟然... 解迷透视!拱趴游戏破解器!竟然是真的有辅助脚本(有挂细节)-哔哩哔哩一、拱趴游戏破解器游戏安装教程牌...
详情透视!poker红龙辅助,... 详情透视!poker红龙辅助,wepoker软件靠谱么,学习教程(竟然有挂)-哔哩哔哩1、wepok...
教你透视!pokemmo脚本辅... 教你透视!pokemmo脚本辅助器下载!其实存在有辅助软件(有挂教学)-哔哩哔哩1、玩家可以在pok...
分享透视!hhpoker可以控... 分享透视!hhpoker可以控制牌吗,wpk辅助器是真的吗,窍要教程(有挂规律)-哔哩哔哩1、进入到...
教你透视!werplan脚本!... 教你透视!werplan脚本!切实真的有辅助工具(有挂教学)-哔哩哔哩1、教你透视!werplan脚...
必备透视!wepoker买钻石... 必备透视!wepoker买钻石有用吗,wepoker有没有插件,练习教程(揭秘有挂)-哔哩哔哩小薇(...
解谜透视!德州局脚本!都是真的... 解谜透视!德州局脚本!都是真的有辅助技巧(有挂透明挂)-哔哩哔哩德州局脚本是不是有人用挂微扑克wpk...