菜单没有按下键打开。在角6的垫子-扩展面板标题中使用时请输入

Question

我使用的是带有扩展面板的MAT菜单，这里有一个扩展面板，我把MAT图标放在扩展面板头部的末尾，点击这个图标就会打开一个菜单项。在单击扩展面板的标题时，它打开面板描述。这是想要的行为，这是使用鼠标点击工作。

但是当我按下键导航到icon时，这就不一样了。enter（使用tab键），当我按下tab键进入icon键并按下enter键时，面板正在折叠，不知何故，我用event.stoppropagation（）和返回false修复了它。但是它不会在图标上按enter键时打开菜单项。下面是stackblitz链接MenuWithExpansionPanel。请帮我解决这个问题。提前谢了。

Answer 1

你的按钮应该是触发器，而不是图标：

<span class="export-to-csv-span">
  <button mat-button variant="icon-button"
      [matMenuTriggerFor]="exportAsMenu"
      (click)="$event.stopPropagation()"
      (keydown.enter)="$event.stopPropagation()"
      (keydown.space)="$event.stopPropagation()">
    <mat-icon>vertical_align_bottom</mat-icon>
  </button>
</span>