输入类型文件上的NgModel

Question

我正在尝试通过典型的Angular方式通过ngModel绑定到输入字段类型文件：

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

和

files:any

我的问题是选择文件后，变量的值files仍然是undefined 此处的stackblitz示例：https ://stackblitz.com/edit/angular-6mbdww

Answer 1

您必须通过（change）事件从外部进行

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

并像下面的代码一样在ts文件中进行访问

  files: any[];

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