Greetings! Currently, I am in the process of developing a web application using AngularJS. One of the modules I am working on involves file uploads, which are being handled dynamically. The list of files to be uploaded is retrieved through an API call, and then assigned dynamically to a scope variable within the ng-repeat directive as shown below.
<div class="upload-button" ng-repeat="fileInput in fileInputs">
<div ng-if="fileInput.Filepath == ''">
<input type="file" file-data="{{fileInput.Filename}}" file-model="
{{fileInput.Filename}}" id="file_input_id" required valid-file/>
</div>
</div>
If the API call returns 7 files, then 7 file upload controls will be displayed. My aim is to make all these controls mandatory when submitting the form. Can anyone provide guidance on how this can be achieved? Any assistance will be highly appreciated. Thank you!