单击仍然在禁用按钮上运行副作用

Question

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

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

我的问题是禁用属性设置，还设置了样式，但是如果我点击mat-icon routerLink就行了。

为什么没有禁用？

Answer 1

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

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