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属性不起作用的方法。

相关内容

热门资讯

透视好友房!wpk辅助器下载,... 透视好友房!wpk辅助器下载,wepoker辅助器是真的的吗,终于懂了(有挂详情);致您一封信;亲爱...
透视肯定!红龙poker脚本,... 透视肯定!红龙poker脚本,德州透视是真的假的,技巧教程(一直存在有挂);科技安装教程;13670...
透视工具!wepoker脚本,... 透视工具!wepoker脚本,智星菠萝可以辅助吗,一分钟揭秘(有挂介绍)智星菠萝可以辅助吗辅助器中分...
透视科技!wpk辅助购买,德普... 透视科技!wpk辅助购买,德普之星辅助器怎么用,我来教教你(往昔存在有挂);玩家必备必赢加哟《136...
透视科技!wepoker透视脚... 透视科技!wepoker透视脚本安卓,德普之星透视辅助插件,2分钟细说(有挂技巧)是一款可以让一直输...
透视线上!aapoker俱乐部... 透视线上!aapoker俱乐部靠谱吗,智星德州菠萝插件官网,分享一款(有挂教程)1、不需要AI权限,...
透视规律!德普之星透视辅助软件... 透视规律!德普之星透视辅助软件,德普之星透视免费,德州论坛(固有存在有挂)1、这是跨平台的德普之星透...
透视游戏!aapoker透视插... 透视游戏!aapoker透视插件下载,wepoker透视,重大消息(有挂辅助挂)1、任何德州ai辅助...
透视黑科技!德普之星app安卓... 透视黑科技!德普之星app安卓版破解版,hhpoker德州透视,系统教程(最初有挂);小薇(透视辅助...
透视黑科技!wpk透视表,hh... 透视黑科技!wpk透视表,hhpoker透视脚本视频,总算清楚(有挂技巧)是一款可以让一直输的玩家,...