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

相关内容

热门资讯

重大推荐！aapoker俱乐部... 您好，aapoker俱乐部这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩...
记者发布！云扑克内置辅助器，w... 记者发布！云扑克内置辅助器，wepoke有挂，黑科技教程（真是是有挂）；无聊就玩这款wepoke有挂...
发现一款！德扑之星带入记分牌，... 发现一款！德扑之星带入记分牌，aapoker外挂，2025新版技巧（固有是有挂）1、aapoker外...
重大通报！来玩德州app辅助工... 重大通报！来玩德州app辅助工具是真的吗，wepoke有挂，AA德州教程（一向真的是有挂）；是一款可...
实测必看！微扑克ai机器人，微... 您好，微扑克有辅助挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这...
科技揭秘！wpk有透视辅助吗，... 一、wpk有透视辅助简介了解软件请加微：136704302wpk有透视辅助是一款在线扑克游戏平台，玩...
实测发现！微扑克脚本代写，aa... 实测发现！微扑克脚本代写，aapoker发牌机制，技巧教程（一直是真的有挂）是一款可以让一直输的玩家...
实测教程！aapoker能玩吗... 实测教程！aapoker能玩吗，wepoke有辅助挂，解密教程（一直真的是有挂）1、金币登录送、破产...
实测必看！wepoke辅助有挂... 您好，wepoke辅助有挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩...
一分钟揭秘！智星德州扑克辅牌器... 一分钟揭秘！智星德州扑克辅牌器，微扑克ai机器人，玩家教你（竟然是有挂）是一款可以让一直输的玩家，快...