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

相关内容

热门资讯

曝光透视！wepoker有没有... 曝光透视！wepoker有没有透视方法，微信小程序多乐辅助器，总结教程（有挂方针）-哔哩哔哩1、在w...
有挂透视！xpoker辅助助手... 有挂透视！xpoker辅助助手，微信小程序可以开挂吗，窍门教程（有挂攻略）-哔哩哔哩1、xpoker...
科普透视！wepokerplu... 科普透视！wepokerplus作弊，微乐家乡官方app下载，机巧教程（有挂详细）-哔哩哔哩1、实时...
科普透视！wepoker透视脚... 科普透视！wepoker透视脚本，微乐河南麻将辅助ios，指南书教程（详细教程）-哔哩哔哩1、实时w...
详细透视！poker mast... 您好，poker master辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【4852750...
详细透视！wepoker数据分... 详细透视！wepoker数据分析工具，微乐自建房脚本免费下载入口，模块教程（有挂方法）-哔哩哔哩1）...
详细透视！wepoker怎么拿... 详细透视！wepoker怎么拿到好牌，小程序微乐陕西挖坑辅助器，经验教程（证实有挂）-哔哩哔哩wep...
有挂透视！佛手在线是不是有挂，... 有挂透视！佛手在线是不是有挂，微乐云南小程序辅助器，绝活儿教程（有挂教学）-哔哩哔哩1、佛手在线是不...
有挂透视！wpk辅助购买，微乐... 有挂透视！wpk辅助购买，微乐自建房怎么挂脚本，演示教程（有挂方式）-哔哩哔哩1、每一步都需要思考，...
关于透视！wejoker辅助脚... 关于透视！wejoker辅助脚本，微信小程序微乐陕西挖坑辅助，妙计教程（有挂细节）-哔哩哔哩1、we...