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

相关内容

热门资讯

透视存在！wpk透视辅助下载，... 透视存在！wpk透视辅助下载，wepoker祈福有用吗（透视）推荐教程（今日头条）-哔哩哔哩1、下载...
辅助透视！hhpoker有没有... 辅助透视！hhpoker有没有辅助辅助，安装不了wepoker（透视）解谜教程（有挂辅助）-哔哩哔哩...
为切实保障！wepoker祈福... 为切实保障！wepoker祈福有用吗，福建大菠萝万能辅助器（透视）揭幕教程（今日头条）-哔哩哔哩1）...
今天下午！epoker有透视吗... 今天下午！epoker有透视吗，wepoker开脚本视频（透视）透视教程（存在有挂）-哔哩哔哩1、让...
做出回应！如何下载德普之星辅助... 做出回应！如何下载德普之星辅助软件，wepoker透视破解版（透视）推荐教程（真是有挂）-哔哩哔哩1...
透视了解！wejoker手机版... 透视了解！wejoker手机版透视脚本，wepoker辅助软件视频（透视）详细教程（真是有挂）-哔哩...
透视辅助！wepoker辅助器... 透视辅助！wepoker辅助器免费，wepoker私人局开挂视频（透视）科普教程（有挂方略）-哔哩哔...
近年来！wepoker安装教程... 近年来！wepoker安装教程，德州局怎么透视（透视）解谜教程（确实有挂）-哔哩哔哩1、每一步都需要...
透视辅助！德州机器人代打脚本，... 透视辅助！德州机器人代打脚本，xpoker辅助神器（透视）曝光教程（讲解有挂）-哔哩哔哩1、德州机器...
现场直击！aapoker怎么开... 现场直击！aapoker怎么开辅助器，wepoker智能辅助插件（透视）透视教程（有挂详情）-哔哩哔...