I'm getting the error [$rootScope:inprog] $apply already in progress whenever I trigger a click event on a hidden file upload input.
HTML:
<!-- button that calls function in controller -->
<button type="button" ng-click="uploadClicked()">Upload</button>
<!-- Upload input I'm triggering the click event on -->
<input type="file" accept="image/*" id="profile-photo" name="profile-photo" ng-hide="true"/>
AngularJS function in controller:
$scope.uploadClicked = function () {
//Causes Error: [$rootScope:inprog] $apply already in progress and opens file dialog
document.getElementById('profile-photo').click();
//Causes Error: [$rootScope:inprog] $apply already in progress and does not open file dialog
$('#profile-photo').trigger('click');
};
I'm not calling $apply or $digest anywhere in my controller. Why would this error be occurring?
click
conflicts at that place. – t.niese Jan 3 at 11:11