如何在选择文件之前点击打开弹出窗口以输入类型文件

Question

在我的角度应用程序中，我使用按钮上的输入类型“文件”来打开文件浏览器，用户可以在其中选择文件。 我想打开一个弹出窗口，用户可以在从文件资源管理器中选择文件之前从弹出窗口中选择一些值。 我希望当用户单击按钮输入类型“文件”时打开此弹出窗口。能做到吗？

component.html

 <label (keydown)="check($event)">
                Browse <input type="file"  id="file1" (click)="onBrowseClick();fileInput.value = null" value="" (change)="changeList($event);"   >   
            </label> 

我尝试过，在（click）上添加一个方法并调度一个事件，该事件可以被监听并打开弹出窗口，但是changeList也同时被调用，我看到 文件浏览器和弹出窗口同时打开。

component.ts

 changeList($event): void {
    this.readThis($event.target);

  }

  onBrowseClick() {
    this.fileSelect.emit(true);
  }
  readThis(inputValue: any): void {
  }