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

相关内容

热门资讯

重磅来袭！约局吧黑科技辅助器，... 重磅来袭！约局吧黑科技辅助器，途游手游辅助，可靠教程（有挂教学）1、下载安装好约局吧黑科技辅助器，进...
玩家必看分享！嘟咪互动修改器，... 玩家必看分享！嘟咪互动修改器，新超凡软件辅助，透视教程（有挂教程）1、下载安装好嘟咪互动修改器，进入...
教程辅助！好运南通长牌辅助，樱... 教程辅助！好运南通长牌辅助，樱花之盛辅助软件，介绍教程（有挂秘笈）；无需打开直接搜索加薇136704...
记者发布！聚财app辅助，宝宝... 记者发布！聚财app辅助，宝宝游戏辅助，必赢教程（有人有挂）1、下载安装好宝宝游戏辅助，进入游戏主界...
今日百科！汇城辅助，川南休闲辅... 今日百科！汇城辅助，川南休闲辅助，安装教程（有挂秘诀）1、下载安装好川南休闲辅助，进入游戏主界面，点...
今日焦点！中至吉安小程序辅助，... 今日焦点！中至吉安小程序辅助，禅游游戏辅助，2024教程（的确有挂）；无需打开直接搜索加薇13670...
重大推荐！微信微乐小程序辅助软... 重大推荐！微信微乐小程序辅助软件，樱花之盛辅助软件下载，AA德州教程（有挂解惑）；无需打开直接搜索加...
必备攻略！微信小程序自动透视微... 必备攻略！微信小程序自动透视微乐，玖游卡五星辅助，必赢教程（有挂攻略）；无需打开直接搜索加薇1367...
每日必看教程！桂林字牌黑科技，... 每日必看教程！桂林字牌黑科技，丰县14张脚本，新版2024教程（有挂细节）；无需打开直接搜索加薇13...
推荐十款！财神十三章辅助官网入... 您好：财神十三章辅助官网入口这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用...