Typeahead with pre-populated model

[brendanreen]

Opening a separate issue as per @pkozlowski-opensource here.

If the typeahead model is bound to an object prior to user input (e.g., with a server response), the typeahead shows the entire model object instead of the display value.

[brendanreen]

Example: http://plnkr.co/edit/2jmcZY?p=preview

[brendanreen]

Since mapping only occurs when an option is selected, nothing is parsing pre-loaded input. I changed modelCtrl.$render to parse modelCtrl.$viewValue rather than selected, and the directive works as expected for both simple (array of strings) and complex (array of objects) models.

Example: http://plnkr.co/edit/y25fqb?p=preview

[petebacondarwin]

+1

[pkozlowski-opensource]

Definitively on my radar, in fact this is the next issue that I want to tackle. But this is a bit more complex since we can't assume that we have all the data to re-create input's text. Current binding language is very flexible so it might be that someone retrieved a complex object from a server, used it to render a label but is binding an id only.

I think that the proper solution here is to let people provide input formatter (that would take model and could otput whatever formatted value);

[drozzy]

Typeahead shows incorrect value when it loads an existing model.

Does the as syntax work? For some reason, when I load a page with pre-populated data, it shows me an id instead of the name. Here is my example:

   <input ng-model="entity.Asset.Id" typeahead="a.Asset.Id as a.Asset.Name for a in assets"  />

where my assets is an array of Asset objects.

Asset = {'Id' : 123, 'Name' : 'Blah'}

[drozzy]

Here is the relevant line I think from source, "ui-bootstrap-tpls-0.2.0.js", line No. 1611:

element.val(parserResult.viewMapper(scope, locals) || modelCtrl.$viewValue);

[petebacondarwin]

@drozzy this is precisely what @brendanreen suggests above. More or less!! :-)

[drozzy]

@petebacondarwin Yes, that fixed it! Would be great to know when it's rolled into the main - so I can update ;-)

[pkozlowski-opensource]

Will be working on the fix + tests later today

[pkozlowski-opensource]

@drozzy @petebacondarwin @brendanreen Could you guys give the latest version from master a try?

[drozzy]

Any chance you could compile me a version with a template inside it :-) Mine are not under templates etc...

[pkozlowski-opensource]

@drozzy you can grab a built SNAPSHOT version from the CI server:
http://ci.angularjs.org/job/angularui-bootstrap/ws/dist/ui-bootstrap-tpls-0.3.0-SNAPSHOT.js

Don't wait too long though as it will get replaced on the next build (!).