隐藏的上传表单不会在Angular中注册更改事件

，这是因为Angular中的事件绑定是基于DOM元素的可见性来触发的。当一个元素被隐藏时，它的事件绑定也会被禁用。

解决这个问题的方法是使用Angular的ViewChild装饰器来获取隐藏的上传表单，并手动注册事件监听器。以下是一个示例代码：

在组件的模板文件中，给隐藏的上传表单添加一个模板引用变量：

<input type="file" #hiddenInput style="display: none;">

在组件的类文件中，使用ViewChild装饰器获取隐藏的上传表单，并在ngAfterViewInit生命周期钩子中注册事件监听器：

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-upload',
  templateUrl: './upload.component.html',
  styleUrls: ['./upload.component.css']
})
export class UploadComponent implements AfterViewInit {
  @ViewChild('hiddenInput') hiddenInput: ElementRef;

  ngAfterViewInit() {
    this.hiddenInput.nativeElement.addEventListener('change', this.handleFileChange.bind(this));
  }

  handleFileChange(event: Event) {
    // 处理文件变化事件
    const files = (event.target as HTMLInputElement).files;
    // ...
  }
}

通过上述代码，我们成功地在Angular中注册了隐藏上传表单的文件变化事件。当隐藏的上传表单的文件发生变化时，handleFileChange方法将被调用，你可以在该方法中处理文件的相关逻辑。

腾讯云相关产品推荐：腾讯云对象存储（COS）