Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在我的应用程序中,Mat按钮切换默认为“是”_Angular_Angular Material - Fatal编程技术网

Angular 在我的应用程序中,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" [

我在我的应用程序中使用mat按钮切换,问题是默认情况下我使用的是。 如何将其取消选中

<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;
        }
      }