Solution for autocomplete model not updating when pressing enter

[justinbc820]

I would type some characters into the autocomplete text field such as 'ap', then I would use my arrow keys to navigate to one of the autocompleted options. Then, I would hit enter which would submit the form. However, when I press enter, the ng-model still only had a value of 'ap' instead of 'appliance store' (or whatever starts with 'ap').

So, in order to solve that, I added the following code at line 83 of your directive. I think that a lot of people would be looking for a fix like this.

// Custom code to make autocomplete field pass autocomplete value to the model when enter is pressed element.bind("keydown keypress", function(event) { if(event.which === 13) { scope.$apply(function () { controller.$setViewValue(element.val()); }); } }); // end of custom code

[PierrickP]

:+1:

[iazi]

:+1::+1::+1::+1::+1:

[dnlmzw]

:+1::+1::+1::+1::+1: from here as well.