javascript - 輸入類型為檔案的 NgModel

我正在嘗試用典型的 Angular 方式，透過 ngModel 對檔案類型的輸入欄位進行綁定，如下所示：

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

和

files:any

我的問題是，在我選擇了一個檔案之後，我的變數 files 的值仍然是 undefined 這裡有一個使用 stackblitz 的範例：https://stackblitz.com/edit/angular-6mbdww

答案＃1

你必須透過（change）事件來外部執行它

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

並且在 ts 文件中像下面的代碼一樣訪問

  files: any[];

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