So laden Sie mehrere Dateien mit ViewChild in Angular (2/4)

Question

Ich habe https://devblog.dymel.pl/2016/09/02/upload-file-image-angular2-aspnetcore/ gefolgt, um einzelne Datei hochladen und es funktioniert gut.

Jetzt möchte ich dynamische keine Dateien basierend auf der Anzahl der Elemente in einem Array documentTypes[] hochladen.

Mein HTML:

<div *ngFor="let item of documentTypes ;let i=index"> 
    <input #fileInput[i] type="file" #select name="document[{{i}}]" /> 
</div> 

Mein TS:

@ViewChild("fileInput") fileInput: any[]; 

Senden-Funktion:

onSubmit = function (docs) { 
    for (var i = 0; i < this.documentTypes.length; i++) { 
     let fi = this.fileInput[i].nativeElement; 
     //This is not working. Here fileInput is undefined 
    } 
} 

Jeder Vorschlag geschätzt wird.

Answer 1

@ViewChild Dekorateur ist nur für ein Kind. Um Array von Kindern zu erhalten, müssen Sie @ViewChildren