HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 以编程方式调用输入类型文件的click方法时获取$rootScope:inprog错误大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

我想创建自定义文件上传组件.我在html中执行了以下代码

HTML代码

MarybtnVD" type="button" ng-click="clickUpload()">Browse

JS代码

$scope.clickUpload = function() {
    angular.element('#upload').trigger('click');
};

但是当我点击“按钮”时出现以下错误.

           Error: [$rootScope:inprog] http://errors.angularjs.org/1.2.16/$rootScope/inprog?p0=%24apply
at Error (ymous>)
at http://localhost:7001/RightsWeb/scripts/resource/angular.min.js:6:450
at l (http://localhost:7001/RightsWeb/scripts/resource/angular.min.js:102:171)
at h.$digest (http://localhost:7001/RightsWeb/scripts/resource/angular.min.js:105:497)
at HTMLDocument.D (http://localhost:7001/RightsWeb/scripts/utill/ui-bootstrap-tpls-0.11.0.min.js:9:14775)
at HTMLDocument.f.event.dispatch (http://localhost:7001/RightsWeb/extresources/jquery/jquery-1.7.1.min.js:3:4351)
at HTMLDocument.h.handle.i (http://localhost:7001/RightsWeb/extresources/jquery/jquery-1.7.1.min.js:3:328)
at Object.f.event.trigger (http://localhost:7001/RightsWeb/extresources/jquery/jquery-1.7.1.min.js:3:3038)
at SELEctionDirection on an input element that cAnnot have a SELEction.>
at Function.e.extend.each (http://localhost:7001/RightsWeb/extresources/jquery/jquery-1.7.1.min.js:2:11937) 

谁能告诉我为什么我会收到这个错误?如果有更好的方法在angularjs上进行自定义文件上传请告诉.谢谢你提前.

最佳答案
在任何时间点的角度中,只有一个$digest或$apply操作正在进行中.

使用$timeout.

$scope.clickUpload = function() {
    $timeout(function() {
        angular.element('#upload').trigger('click');
    },1);
};

或者,我建议你使用

大佬总结

以上是大佬教程为你收集整理的javascript – 以编程方式调用输入类型文件的click方法时获取$rootScope:inprog错误全部内容,希望文章能够帮你解决javascript – 以编程方式调用输入类型文件的click方法时获取$rootScope:inprog错误所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。