bug(MatButtonModule): Disabled mat-button with routerLink still works

Reproduction

The issue is reproduced on StackBlitz: https://stackblitz.com/edit/inactive-links-problem

Steps to reproduce:

1. Use the following code: <a mat-button routerLink="/foo" [disabled]="true">Foo</a>

Expected Behavior

The button is visually disabled and clicking it does not activate the link.

Actual Behavior

The button is indeed visually disabled, but the link still works.

Environment

• Angular: 9.1.9
• CDK/Material: 9.2.4
• Browser(s): Chrome, Mozilla, Safari
• Operating System (e.g. Windows, macOS, Ubuntu): Windows, iOS

[scopchanov]

I hope the following info could help fixing the issue:

1. It does work with the original example from Angular Material + added [disabled]="true", i.e.

<a mat-button href="https://www.google.com/" target="_blank" [disabled]="true">Link</a>

However, in this case the attribute is href instead of routerLink.

1. It also works as expected with MatListItem, i.e.

<mat-nav-list>
    <a mat-list-item routerLink="/foo" [disabled]="true">Foo</a>
    <a mat-list-item routerLink="/moo" [disabled]="true">Moo</a>
</mat-nav-list>

1. Only the combination of mat-button and routerLink does not work well with disabled.

Could MatListItem be used as an example to fix MatButton?

[filarrro]

+1 on this one, if the attribute is supported then it should be working as expected