Нажмите все еще запущенные побочные эффекты на отключенной кнопке

Question

Я использую mat-icon для кнопок, и я хочу отключить некоторые из них:

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

моя проблема отключена, свойство установлено, также стили установлены, но если я нажимаю на мат-значок routerLink работает.

Почему не отключен?

Answer 1

То, что вы хотите сделать, это использовать мат-значок-кнопку и поместить ссылку на маршрутизатор на кнопку

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