如何在Angular 9中使用输入标签文件类型重置所选文件？

在Angular 9中，您可以通过以下步骤使用输入标签文件类型重置所选文件：

1. 在您的组件HTML文件中添加文件输入类型：

<input type="file" #fileInput (change)="resetFileInput()">

2. 在您的组件类中引用该文件输入并在其change事件上创建一个方法来重置该输入：

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-file-input',
  templateUrl: './file-input.component.html',
  styleUrls: ['./file-input.component.css']
})
export class FileInputComponent {
  @ViewChild('fileInput') fileInput: ElementRef;

  resetFileInput() {
    this.fileInput.nativeElement.value = '';
  }
}

3. 在重置函数中，我们使用ViewChild来获取文件输入的参考。然后，我们使用nativeElement属性来访问HTML元素，它具有JavaScript DOM API的所有属性和方法。最后，我们将值设置回空字符串，以便重置所选文件。

以上是在Angular 9中使用输入标签文件类型重置所选文件的完整步骤。 通过实现此操作，您可以轻松地重置常用于上传文件的输入字段，从而增强了应用程序的用户交互性。