Javascript 事件不会触发多次

在我的angular应用程序中，我试图上传一个文件。我在每次选择文件时都无法触发事件。我可以第一次启动该活动，但下次无法启动。我怎样才能解决它。请引导我

HTML

---

选择文件后，应清除输入值event.target.value=。

是否尝试选择相同的文件？浏览器缓存所选文件，如果下一个文件具有相同的名称，则不会触发事件。我正在选择相同的文件。如何清理缓存或如何克服它。单击调用方法而不是onFileSelected

 <div class="col-md-5 d-flex justify-content-center">
            <label class="file-label" for="file-upload">Please upload your data. click here!
              <i class="fa fa-upload"></i>
            </label>
            <input type="file" id="file-upload" accept=".zip" (change)="onFileSelected($event)" [hidden]="true">
          </div>

onFileSelected(event) {
console.log(event.target.files);
}