程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何读取 FormControl 复选框是否被选中大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何读取 FormControl 复选框是否被选中?

开发过程中遇到如何读取 FormControl 复选框是否被选中的问题如何解决?下面主要结合日常开发的经验,给出你关于如何读取 FormControl 复选框是否被选中的解决方法建议,希望对你解决如何读取 FormControl 复选框是否被选中有所启发或帮助;

我有两个输入。一个是复选框,另一个是自动完成输入。当复选框被选中时,我想从自动完成输入中读取。未选中复选框时,我想在不读取输入的情况下运行代码。

但是,当我尝试从复选框中读取时,即使我单击复选框然后点击提交,该值始终为 null,dirty 始终为 false。我如何在此处获取复选框值?

这是 HTML

<mat-checkBox #checkBox [formcontrolname]="cbAddVesTingOption" style="padding-bottom: 200px;">Add VesTing Option</mat-checkBox>
                <mat-form-fIEld *ngIf="checkBox.checked" style="wIDth: 600px">
                  <div>
                    <input type="text" placeholder="VesTing Option" maTinput formcontrolname="vestedoptions" [matautocomplete]="auto" class="uppercase" />
                    <mat-error *ngIf="!isFreeTextValID">{{this.freeTextErrormessagE}}</mat-error>
                    <mat-autocomplete #auto="matautocomplete">
                      <mat-option *ngFor="let option of vestedoptions" [value]="option" (onSELEctionChangE)="SELEcted($event)">
                        {{option}}
                      </mat-option>
                    </mat-autocomplete>
                  </div>
                </mat-form-fIEld>

在我的打字稿代码中,我将复选框添加到 init() 中的表单组,然后在 submit() 中检查复选框的值

ngOnInit() {
    this.vestedoptionsDetailForm = new FormGroup({
      vestedoptions: new FormControl(null,ValIDators.maxLength(30)),cbAddVesTingOption: new FormControl(null)
    })
}

submit() {
    if (this.vestedoptionsDetailForm.controls["cbAddVesTingOption"].value == "true") {
      this.downloadEOPIVestedoption();
    }
    else {
      this.downloadEOPI();
    }

}

解决方法

只需将 [formcontrolname]="cbAddVesTingOption" 更改为 formControlName="cbAddVesTingOption"

还有另一个变化,== "true"== true

在 Stackblitz 进行工作演示。

视频:https://giphy.com/gifs/7Hb3m0rvB9Zj5juUwd

大佬总结

以上是大佬教程为你收集整理的如何读取 FormControl 复选框是否被选中全部内容,希望文章能够帮你解决如何读取 FormControl 复选框是否被选中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:如何读取