Angular 在我的应用程序中,Mat按钮切换默认为“是”
我在我的应用程序中使用mat按钮切换,问题是默认情况下我使用的是。 如何将其取消选中Angular 在我的应用程序中,Mat按钮切换默认为“是”,angular,angular-material,Angular,Angular Material,我在我的应用程序中使用mat按钮切换,问题是默认情况下我使用的是。 如何将其取消选中 <div> <mat-button-toggle-group name="certRqrd" #certificationReq="ngModel" #group="matButtonToggleGroup" [(ngModel)]="modalData.certificationReq" (change)="certRqrChange()" id="certificationReq" [
<div>
<mat-button-toggle-group name="certRqrd" #certificationReq="ngModel" #group="matButtonToggleGroup" [(ngModel)]="modalData.certificationReq" (change)="certRqrChange()" id="certificationReq" [ngClass]="{ 'is-invalid': ModalForm.submitted && certificationReq.invalid }">
<mat-button-toggle [value]="true" [disableRipple]="true" >Yes</mat-button-toggle>
<mat-button-toggle [value]="false" [disableRipple]="true" >No</mat-button-toggle>
</mat-button-toggle-group>
</div>
我不完全确定你在问什么,但我认为如果你在typescript文件中将
modalData.certificationReq
初始化为false,问题就会迎刃而解
要使按钮处于“选中”状态,可以将其设置为[checked]=“true”。有关更多信息,请参阅
certRqrChange() {
console.log('this.modalData.certificationReq',this.modalData.certificationReq);
if (this.modalData.certificationReq === false) {
this.modalData.certVer = "None";
this.modalData.certFulFld = true;
} else {
this.modalData.certVer = null;
this.modalData.certFulFld = null;
}
}