typescript - Iterer filopplasting med beskrivelse ved bruk av FormArray i Angular

Jeg prøver å lage et skjema som vil ha n felt inkludert filopplasting. Jeg prøver å iterere filopplasting når en knapp klikkes. Så som standard vil det være en fil. Så når brukeren klikker på legg til-knappen, skal et nytt sett med filopplastinger legges til. Så mitt resultat skal være noe som et array av n filobjekter.

Forventet resultat for filopplasting:

[
 {
  file: image1,
  fileDescription: file1
 },
 {
  file: image2,
  fileDescription: my second image
 }
]

Slettet fil er ikke tilgjengelig for opplasting igjen, derfor har jeg brukt @ViewChild for å tilbakestille value='', da kan du velge den slettede filen igjen. Dette ble lagt til fra et av svarene av Prashant

Merk: Alt ovenfor bør ha validering. Her er den fungerende Stackblitz så langt jeg har prøvd.

Svar #1

Du må bruke en FormArray, og legge til en ny verdi hver gang brukeren klikker på «legg til filopplastingsknappen».

Du kan finne et fungerende eksempel her: https://stackblitz.com/edit/angular-pg1szu

Relaterte artikler