2 回答

TA貢獻(xiàn)1818條經(jīng)驗 獲得超8個贊
看起來mat-checkbox忽略了內(nèi)部元素stopPropagation。因此,您可以創(chuàng)建一個解決方法,將動態(tài)變量isRippleDisabled作為布爾標(biāo)志添加到復(fù)選框中
<mat-checkbox formControlName="certification" [disableRipple]="isRippleDisabled">
并在模態(tài)打開時將其關(guān)閉(true),并在模態(tài)關(guān)閉時恢復(fù)正常(false)。
openUspsPrivacyAgreement(event: MouseEvent) {
this.isRippleDisabled = true; // set to false when dialog close
this.dialogService.open(DialogUspsPrivacyAgreementComponent);
event.preventDefault();
event.stopPropagation();
return false;
}

TA貢獻(xiàn)1796條經(jīng)驗 獲得超7個贊
添加
<mat-checkbox>Checked 1</mat-checkbox>
到源代碼中的app.component,它仍然具有“懸?!毙Ч?,可以通過CSS禁用它。
修復(fù)方法是:
.mat-ripple { display: none; }
或.mat-checkbox-ripple
僅用于復(fù)選框
添加回答
舉報