web-dev-qa-db-ja.com

入力タイプファイルのNgModel

私は次のような典型的なAngularの方法でngModelを介して入力フィールドタイプファイルへのバインディングを作成しようとしています:

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

そして

files:any

私の問題は、ファイルを選択した後も、変数filesの値がまだundefinedであるということです。stackblitzの例: https://stackblitz.com/edit/角度-6mbdww

5
Leonzen

あなたは(変更)イベントを通じて外部的にそれをしなければなりません

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

そして、以下のコードのようにtsファイルにアクセスします

  files: any[];

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