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文件输入所选择的文件未显示

相关内容

热门资讯

玩家必备教程！德州透视插件，w... 这是一款非常优秀的wejoker黑侠辅助器 ia辅助检测软件，能够让你了解到wejoker黑侠辅助器...
记者揭秘！wepoker私局代... 记者揭秘！wepoker私局代打，安装不了wepoker，安装教程（有挂攻略）准备好在wepoker...
教学盘点！德普之星透视，hhp... 教学盘点！德普之星透视，hhpoker到底可以作弊码，新2025教程（有挂技巧）；hhpoker到底...
终于知道！哈糖大菠萝万能挂，聚... 1、终于知道！哈糖大菠萝万能挂，聚星ai辅助工具激活码，必赢教程（有挂神器）（UU poker、聚星...
玩家必看科普！werplan免... 1、玩家必看科普！werplan免费挂下载，hh poker软件，我来教教你（有挂教程）；详细教程。...
玩家必看教程！hhpoker俱... 玩家必看教程！hhpoker俱乐部是干嘛的，aapoker脚本，科技教程（有挂攻略）；hhpoker...
实测分享！hhpoker有透视... 实测分享！hhpoker有透视功能吗，hhpoker德州透视，曝光教程（有挂攻略）；支持多人共享记分...
一分钟教会你！sohoo po... 一分钟教会你！sohoo poker辅助器，wepokerplus到底是挂了吗，我来教教你（有挂软件...
玩家必看教程！德普之星辅助器，... 玩家必看教程！德普之星辅助器，哈糖大菠萝可以开挂吗，软件教程（有挂软件）是一款可以让一直输的玩家，快...
玩家必备科技！德州之星扫描器，... 玩家必备科技！德州之星扫描器，智星菠萝可以辅助吗，实用技巧（有挂神器）；支持多人共享记分板与复盘，通...