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

Question

我正在为按钮使用垫子图标，我想禁用其中的一些按钮：

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

我的问题被禁用 属性 已设置，样式也已设置，但如果我单击 mat-icon routerLink 工作。

为什么不禁用？

Answer 1

你要做的是使用 mat-icon-button 并将你的路由器链接放在按钮上

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