javascript - 输入类型文件上的 NgModel

Question

我正在尝试通过 ngModel 以典型的 Angular 方式绑定(bind)到输入字段类型文件，如下所示:

<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);
  }