angular-ui-typeahead puts modelValue into input's viewValue

Question

angular 1.3.5, angular-ui-bootstrap 0.12.0

Expressions like

typeahead="state.postcode as state.address for state in states | filter:$viewValue"

no longer work properly - input's viewValue is always populated with modelValue (state.postcode - instead of state.address in this case)

Fiddle example http://jsfiddle.net/s7yyv4by/

Do I miss something or is this a bug? It works properly in angular-ui 0.4.0 (see http://jsfiddle.net/dLu0oqn1/)

edit: similar problem: Angular-UI typeahead - Working in v0.04 but not in v0.11

Answer 1

You could approach it this way http://jsfiddle.net/s7yyv4by/2/

Basically set selPcode to the entire object. Then access the postcode as a property of selPcode.

postcode <input type="text" ng-model="selPcode.postcode" />
typeahead <input type="text" ng-model="selPcode" typeahead="state as state.address for state in states | filter:{address:$viewValue}" typeahead-editable="false" />