Multi select drop down list isn't updated correctly when objects are pushed into selected list.

[trbarrett]

I discovered this when we update the selected and selectable lists by pushing into it after a web request.

Here's an example of the problem based of the multi-select demo:

http://plnkr.co/edit/Zcx9XjY3GWG7ShQ493EZ?p=preview

Steps To Reproduce:

• Setup bindings to two arrays of objects: selectable, and selected.
• Create empty selectable and selected arrays during controller initialization. (e.g $scope.selectable = [])
• Later on in a callback ($timeout, or web request) push items into the selectable and selected list.
• Issue: The drop down list contains items which show up as having been selected.

Note: if you select or remove an item from the list via the UI the issue will resolve itself.

[f1ght4fun]

Known problem, you can find solution here in changed files. For now until it is pushed to new release i've replaced it manually in my file

#1019

[Jacco1979]

I'm having a similar problem, but the difference here is that the array of object is loaded async. I've tried using the fix described in this issue, but that doesn't solve my problem.

See http://plnkr.co/edit/YfqwJwMLrsDxBQbe6Vpi?p=preview

Click on the field and you'll see the drop-down containing all three items, but two are already selected and should have been filtered out of the drop-down.

[Jacco1979]

My current workaround, since I already was using $route, is using $route's resolve. Which makes sure the array of objects is loaded before the component is rendered.

[nicklasb]

Is this a verified bug now?

[wesleycho]

This looks like it is still an issue, as seen here.

There is one PR open, but it is in need of tests - if someone wants to add tests for it, it should be good to get in the library.

[ThCC]

Any fix for this issue?