javascript - Angular + HTML - 如何打开下载文件资源管理器窗口而不是自动下载？

Question

我正在使用 angular 和 html 来制作可下载的 UML 模板。这是我的代码，我的 ts 文件包含value为类变量。下载本身工作正常，但我试图找出一种不对下载文件名进行硬编码的方法（在这种情况下template.txt）。我想调出你通常下载东西时出现的文件资源管理器下载窗口。我该如何编辑它呢？

  genUML() {
    const step =
      '==step {#}: {Resource Service}.{Operation}==\n"{Previous Step Name}" -> "{Step Name}": {request info}\nrnote left "{Previous Step Name}"\n{static data}\nendrnote\nactivate "{Step Name}"\n"{Previous Step Name}" <-- "{Step Name}": {response info}\nrnote over "{Previous Step Name}"\n{validation data (if multiple, one on each line)}\nendrnote\ndeactivate "{Step Name}"';
    var data = '';
    data += '@startuml\nautonumber\n';
    for (let i = 0; i < this.value; i++) {
      data += step;
      data += '\n';
    }
    data += '@enduml';
    const blob = new Blob([data], { type: 'application/octet-stream' });

    this.fileUrl = this.sanitizer.bypassSecurityTrustResourceUrl(
      window.URL.createObjectURL(blob)
    );
    this.value = null;
  }

                  <button><a [href]="fileUrl" style="text-decoration:none; color:black" download="template.txt" (click)="genUML()">Download File</a></button>

标签： javascripthtmlangularfiledownload