Angular中的FormGroup对于复选框的touched属性不起作用。
创始人
2024-10-31 05:00:30
0次

在Angular中,如果FormGroup中包含复选框,那么通过设置touched属性来判断用户是否与此交互并触发相应事件。但实际上,这个属性并不会对复选框起作用。为了解决这个问题,我们需要使用FormControl来替换FormGroup对象。

以下是一个示例:

HTML代码:

Checkbox

组件代码:

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

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})

export class AppComponent {
 form: FormGroup;

 ngOnInit(): void {
   this.form = new FormGroup({
     checkboxControl: new FormControl(false)
   });
 }

 onFormSubmit() {
   this.form.get('checkboxControl').markAsTouched();
 }
}

在上面的示例中,我们通过创建一个FormControl对象并将其添加到FormGroup中来解决该问题。通过将触摸事件添加到FormControl上,我们可以确保touched属性能够正常工作。在提交表单时,我们可以调用markAsTouched方法来更新FormGroup。

以上就是解决Angular FormGroup在复选框上touched属性不起作用的方法。

相关内容

热门资讯

黑科技作弊器!微乐卡五星祈福有... 黑科技作弊器!微乐卡五星祈福有用吗(作弊器),微乐河南麻将好像有透视挂工具1)微乐卡五星祈福有用吗辅...
黑科技透视挂!微乐自建房透视(... 黑科技透视挂!微乐自建房透视(透视挂),微乐扑克确实真的是有透视挂脚本1、微乐自建房透视免费辅助多个...
黑科技开挂!微乐脚本辅助器(开... 黑科技开挂!微乐脚本辅助器(开挂),微乐填大坑切实是有透视挂软件1、任何微乐脚本辅助器透视是真的假的...
黑科技开挂!微乐小程序游戏破解... 黑科技开挂!微乐小程序游戏破解器苹果系统(开挂),微乐春天扑克原来真的有透视挂工具一、微乐小程序游戏...
黑科技辅助器!微乐小程序黑科技... 黑科技辅助器!微乐小程序黑科技(辅助器),微乐三人斗地主确实是真的有透视挂脚本1、微乐小程序黑科技免...
黑科技辅助!微信微乐小程序辅助... 黑科技辅助!微信微乐小程序辅助软件(辅助),微乐哈尔滨麻将其实存在有透视挂工具1、下载好微信微乐小程...
黑科技透视器!万能透视辅助器免... 黑科技透视器!万能透视辅助器免费版(透视器),微乐常州麻将切实真的是有透视挂技巧1、下载好万能透视辅...
黑科技外挂!微乐辅助软件购买平... 黑科技外挂!微乐辅助软件购买平台(外挂),微乐明皇暗保总是真的有透视挂方法1、该软件可以轻松地帮助玩...
黑科技透视器!微信小程序微乐房... 黑科技透视器!微信小程序微乐房间透视(透视器),微乐山东麻将真是是有透视挂脚本微信小程序微乐房间透视...
黑科技辅助器!微乐贵阳捉鸡麻将... 黑科技辅助器!微乐贵阳捉鸡麻将辅助(辅助器),微信微乐一贯是有透视挂软件;1、用户打开应用后不用登录...