Angular mat-menu 在单击选项卡事件时关闭答案

【问题标题】：Angular mat-menu close on click tab eventAngular mat-menu 在单击选项卡事件时关闭
【发布时间】：2019-12-12 09:17:31
【问题描述】：

我正在使用 mat-menu 显示表单，并且需要在选项卡按键事件的输入之间更改焦点。但是当我按 Tab 时，垫子菜单会关闭。

例子：

https://stackblitz.com/edit/angular-u5qbkt?file=src%2Fapp%2Fapp.module.ts

【问题讨论】：

stackoverflow.com/questions/42240486/handle-tab-event
我已经更新了你的 stackblitz - stackblitz.com/edit/angular-zwxjiw
@TheBallkar 请检查此链接。它可以帮助你stackblitz.com/edit/angular-hyfu7r?file=src/app/…

标签： angular angular-material focus

【解决方案1】：

在表单标签中写下这一行(keydown.tab)="$event.stopPropagation()"

像这样->

 <form (keydown.tab)="$event.stopPropagation()" [formGroup]="form" (ngSubmit)="submit()" (click)="stop($event)" class="formValueGenerator" autocomplete="off">

【讨论】：