Autocompleter with json

tano pro commented 6 years ago

Hey Damian,

I have a remote call to find options and it is some kind of json object. I'd like display the name property in the list and the input and set the id in the form, just like with a select. The click event on the selection list pass a textContent instead of the given object so I cannot use it. The selectedItemChanged method should pass the selected item, but for mouse click in the handleMouseDown method the text: text.trim() throws exception 'cause it is an object. Should handle object too.

tano pro commented 6 years ago

Dear Damian,

I could make it work. It seems the latest version fixed the trimming issue. I wrote a reactive form with autocompleter and I set manually the value in the form. Your example for reactive forms is not too good, you can see the warning on the console. To use ngmodel and formcontrolname on the same input is deprecated. For me it was wrong since I want to display only the name, but the formvalue should be the id.

[{ id: 1, txt: 'red' }, { id: 2, txt: 'green' }]

I'd just though that this control handles object as well.

Thanks

Damian Gemza staff commented 6 years ago

We'll change the reactive forms example. Thanks for your report!