Estoy tratando de restablecer el valor del archivo de tipo de entrada después de que el usuario haga clic en el botón Eliminar usando Angular para que el usuario pueda cargar el mismo archivo nuevamente después de la eliminación, pero según mi código no funciona. Estoy explicando mi código a continuación.

 <label [for]="'file' + i" style="width: 100%;cursor: pointer;text-align: center;"> <div id="drop_zone" (drop)="dropPayLoad($event, i, fileType.CONFIG_FILE)" (dragover)="allowPayloadDrop($event, i, fileType.CONFIG_FILE)"> <span class="pat-span">{{fileLableArr[i]['config_name']}}</span> <input type="file" hidden [id]="'file' + i" (change)="handleUploads($event.target.files, fileType.CONFIG_FILE, i)"> <span *ngIf="fileLableArr[i]['isConfig']" style="position: relative;top: 6px;left: 5px;font-size: 31px;" (click)="$event.preventDefault();deleteUploadedFile($event, fileType.CONFIG_FILE, i)">&times;</span> </div> </label>

Aquí tengo entradas de archivos dentro de una tabla y después de cargar el archivo, el usuario puede eliminar ese archivo. Aquí mi problema después de la eliminación de ese archivo si el usuario necesita cargar el mismo archivo nuevamente, entonces no está sucediendo. Entonces, en este caso, la entrada del archivo debe ser clara. Mediante la búsqueda de Google, se agregó un código como (click)="this.value = null" pero no funcionó. Aquí, en el momento de la eliminación, la entrada del archivo debe restablecerse para que el usuario pueda cargar el mismo archivo nuevamente. por favor trate de ayudarme a resolver este problema.