输入文件上传在Angular Material菜单中不起作用

Question

我有Angular Material菜单并放置了输入文件上传控件。当我单击文件上传控件时，文件选择窗口不出现。由于文件输入位于Angular材质菜单中，因此无法正常工作。

<mat-menu #menu="matMenu" [overlapTrigger]="false">
<input type="file"/> 
</mat-menu>

如果建议使用菜单中的输入文件类型

Answer 1

它在表格外工作：

<button mat-button [matMenuTriggerFor]="menu">Menu</button>
<mat-menu #menu="matMenu" [overlapTrigger]="false">
  <input (click)="$event.stopPropagation()" type="file"/> 
</mat-menu>

(click)="$event.stopPropagation()"允许您在单击输入的“浏览”按钮后保持菜单打开。