Angular UI typeahead and "$apply already in progress"

[satpalsingh]

I have an image, which you can click on to open a file input. When I added a typeahead on the same page, the opening of the file input stopped working and the following error on the console:

Error: [$rootScope:inprog] $apply already in progress

example to reproduce: http://plnkr.co/edit/zc4BNm?p=preview

Source: https://groups.google.com/forum/#!topic/angular/mP4bVZsoc28

[chrisirhc]

Looks like a bug, dismissClickHandler shouldn't call $digest if typeahead isn't open or interacted with.

[segevofer]

i had the same problem..

[satpalsingh]

I solved the problem using taking angular out of picture. I used inline-event handler onclick like

<img onclick="document.getElementById('image').click()" />
<input id="image" type="file" />

instead of

HTML

<img ng-src="{{imageUri}}" ng-click="clickImage()" />

SCRIPT

$scope.clickImage = function() {
       $("#image").click();
};

http://plnkr.co/edit/7P9WrxzT6pJ9MDz8sh65?p=preview