angular - 单击禁用按钮上仍在运行的副作用

Question

我正在使用 mat-icon 作为按钮，我想禁用其中一些：

<button mat-button [disabled]="disabledCondition()">
  <mat-icon [routerLink]="['./settings']">
            settings
  </mat-icon>
</button>

我的问题是设置了 disabled 属性，还设置了样式，但是如果我单击 mat-icon routerLink 工作。

为什么不禁用？

Answer 1

您要做的是使用 mat-icon-button 并将您的 routerlink 放在按钮上

<button mat-icon-button [disabled]="true" [routerLink]="['settings']">
  <mat-icon >settings</mat-icon>
</button>