大佬教程收集整理的这篇文章主要介绍了如何读取 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,请注明来意。