输入类型文件上的NgModel

Question

我正试图通过ngModel以典型的Angular方式绑定到输入字段类型文件，如下所示：

<input type="file" id="fileUpload" [(ngModel)]="file">

和

files:any

我的问题是，在我选择了一个文件后，我的变量files的值仍为undefined 这是一个stackblitz示例：https://stackblitz.com/edit/angular-6mbdww

Answer 1

您必须通过（更改）事件外部执行此操作

<input (change)="onFileChange($event)" type="file" id="fileUpload">

并在ts文件中访问，如下面的代码

  files: any[];

  onFileChange(event){
    this.files = event.target.files;
    console.log(event);
  }