解决AngularJS中input file类型ng-change失效问题

作者:百宝袋

时间:2026-10-22

浏览:409

在AngularJS中,当input标签的type属性为file时,使用ng-change指令无法触发事件。本文指出该限制并提供解决方案:通过绑定原生onchange事件,利用angular.element获取当前作用域并手动调用指定函数,从而正确处理文件选择变更。

文章目录

input file类型ng-change失效原因

当input元素的type属性设置为file时,直接绑定ng-change指令(例如ng-change="()")将不会生效。

针对此问题,建议改用原生的onchange事件进行处理。

使用onchange事件解决方案


<input onchange="angular.element(this).scope().change()" type="file">

$scope.change= function () {
}

以上即为解决AngularJS中input标签在type为file时ng-change事件无效的方法,希望对大家有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章