Angular Material Mat Menu отключить matMenuTrigger для

Question

У меня есть следующее меню материала:

<a mat-button [matMenuTriggerFor]="menu" disabled="true">Menu</a>
<mat-menu #menu="matMenu">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>

Обратите внимание, что вместо <button>.

я хочу отключить триггер меню коврика.Если я использую тег кнопки, он работает, если я использую его как тег ancor, он все равно открывает меню:

Любые идеи, какчтобы предотвратить это с помощью anchor тегов ссылок? Пример Stackblitz здесь.

Answer 1

хорошо, у тега привязки нет отключенного свойства, поэтому вы не можете отключить его таким образом.
вы можете изменить его на кнопку и изменить его стиль.

или вы можетеиспользуйте
pointer-events: none

, чтобы отключить щелчок по нему.
например:

<a mat-button [matMenuTriggerFor]="menu" [ngClass]="{ 'disabled' :condition }">Menu</a>
 <mat-menu #menu="matMenu">
  <button mat-menu-item>Item 1</button>
   <button mat-menu-item>Item 2</button>
 </mat-menu>

и в CSS:

.disabled {
  pointer-events:none;
  opacity:.5;
 }