I'm trying to create a form which will have n fields including file upload. I'm trying to iterate file upload on click of a button. So by default there will be one file. So when user clicks on add button, one more set of file upload should be added.So my output should be something like array of n file objects.
Expected output for file upload:
[
{
file: image1,
fileDescription: file1
},
{
file: image2,
fileDescription: my second image
}
]
Deleted file is not available for upload again for that I have used @ViewChild to reset the value = '', then you can select the deleted file again. This was added from one of the answers by Prashant
Note: All the above should have validation. Here is the working stackblitz so far I have tried.