why is select unable to display the selected values

Question

I am unable to understand as to why the following code is unable to display the selected value. Any help is really appriciated.

<select ui-select2 ng-model="associations" style="width:200px" multiple 
   ng-options="whse.WarehouseName for whse in allWarehouses">
</select>

I see the associations is properly updated with the selection and also the selection list is working as expected, however the selected value in not displayed.

i have a working example here : http://plnkr.co/edit/cd7ceZC6AMluBWQh6Swu?p=preview

Thanks Kiran

Answer 1

ui-select2 is incompatible with ng-options

See https://github.com/angular-ui/ui-select2#working-with-dynamic-options

Answer 2

You can give select2 your selection values in the data option. http://ivaynberg.github.io/select2/

Answer 3

In your script.js file, let modify "ui.select2" to only "ui". That would be ok.