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

相关内容

热门资讯

透视私人局!竞技联盟辅助插件(... 透视私人局!竞技联盟辅助插件(透视)其实是有挂(详细辅助安装教程)；该软件可以轻松地帮助玩家将透视辅...
透视挂透视!hhpkoer辅助... 透视挂透视!hhpkoer辅助器(透视)总是真的有挂(详细辅助软件教程)；1. ai辅助创建新账号，...
玩家必备教程！wepoker私... 玩家必备教程！wepoker私人局辅助器怎么用，拱趴大菠萝万能挂，必备教程（有挂攻略）；玩家必备必赢...
透视了解!wepoker私人局... 透视了解!wepoker私人局透视教程(透视)果然是有挂(详细辅助高科技教程)1、玩家可以在软件透明...
玩家必备科普！hhpkoer辅... 自定义hhpoker怎么防作弊系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助...
透视透视!wepoker有用吗... 透视透视!wepoker有用吗(透视)原来真的是有挂(详细辅助必胜教程)1、许多玩家不知道辅助软件怎...
技术分享！wepoker轻量版... 技术分享！wepoker轻量版透视系统，wepoker破解工具，安装教程（有挂技巧）1、不需要AI权...
研究成果！we-poker正规... 研究成果！we-poker正规吗，德州透视插件，曝光教程（有挂神器）1、很好的工具软件，可以解锁游戏...
揭秘关于！wejoker内置辅... 揭秘关于！wejoker内置辅助，wepoker免费辅助器，第三方教程（有挂攻略）1、点击下载安装，...
终于懂了！德州局透视脚本，hh... 终于懂了！德州局透视脚本，hhpoker买挂，专业教程（有挂技巧）；《WPK辅助透视》‌：支持手机实...