Angular文件输入更改事件根本不触发
创始人
2024-10-30 00:00:48
0次

如果您使用的是[(ngModel)]绑定，则文件更改事件将不会触发。相反，您可以使用ViewChild装饰器来访问文件输入，然后手动绑定change事件。

在HTML模板文件中：

在组件TS文件中：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent {
  @ViewChild('fileInput') fileInput: ElementRef;

  onFileChanged() {
    const file = this.fileInput.nativeElement.files[0];
    console.log(file);
    // 执行文件更改后的操作
  }
}

上一篇：Angular文件输入更改仅在第一个组件中显示

下一篇：Angular文件输入所选择的文件未显示

相关内容

热门资讯

攻略讲解！pokermaste... 攻略讲解！pokermaster辅助器，德州透视是真的假的，wpk教程（有挂软件）；原来确实真的有挂...
科技新动态！约局吧透视挂下载，... 《科技新动态！约局吧透视挂下载，wepoker怎么破解游戏，必备教程（有挂软件）》 wepoker怎...
热点推荐！pokemmo免费脚... 热点推荐！pokemmo免费脚本，HH平台挂，安装教程（有挂透明）这是由厦门游乐互动科技有限公司精心...
重大通报！newpoker脚本... 1、重大通报！newpoker脚本，wepoker插件功能辅助器，曝光教程（有挂教程）；详细教程。2...
推荐十款！wepoker有脚本... 推荐十款！wepoker有脚本吗，wepoker私人局透视插件，存在挂教程（有挂攻略）;1分钟了解详...
盘点一款！aapoker俱乐部... 1、盘点一款！aapoker俱乐部靠谱吗，拱趴大菠萝有挂吗，科技教程（有挂辅助）；详细教程。2、aa...
来一盘！wepoker私人局俱... 1、来一盘！wepoker私人局俱乐部辅助，impoker辅助，2025教程（有挂软件）。2、wep...
重大来袭！we poker辅助... 这是一款非常优秀的aapoker透视脚本入口 ia辅助检测软件，能够让你了解到aapoker透视脚本...
1.9分钟了解！wepoker... 此外，数据分析德州(wepoker永久免费脚本)辅助神器app还具备辅助透视行为开挂功能，通过对客户...
揭秘！hhpoker免费透视脚... 揭秘！hhpoker免费透视脚本，pokermaster脚本，安装教程（有挂神器）1、点击下载安装，...