如果选中复选框，如何向matInput添加所需的验证

编程问答 2022-06-11

问题描述

我在FormGroup中有5个复选框，使用ngFor显示，如果选中了任何一个复选框，则必须有1个matInput必须是必填字段。

.ts 

this.gridForm = this.fb.group({
      cbox1: [''],cbox2: [''],cbox3: [''],cbox4: [''],cbox5: [''],input1: ['',Validators.required] });

.html 

            <div *ngFor="let table of xTables; let i = index;">
              <mat-checkbox formControlName="{{xTableKeys[i]}}">{{table}}</mat-checkbox>
            </div>
            <mat-form-field>
              <input matInput formControlName="xType" placeholder="X Type">
            </mat-form-field>

我为输入添加了必需的验证器，但是我需要的是仅在选中任何复选框后才使其成为必需。当前状态是，除非填写输入，否则无论是否选中此复选框，我都无法提交表单。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangular-formsjavascripttypescripttypescriptvalidation