multiSelect not showing selected items

[Elliot]

I have the following multiselect:

<select kendo-multi-select id="manageCrewSelector" name="manageCrewSelector" ng-model="vm.crew.employeeIds" required 
            k-data-text-field="'fullName'"
            k-data-value-field="'employeeId'"
            k-data-source="vm.employeeList"
            k-filter="'contains'"></select>

I also have a button that when clicked updates the multi select to select the new items selections:

vm.crew.employeeIds = getEmployeeIdsForProject(projectId);

I would expect this to work since angular has two way binding however it didnt​.  Why?

So, I added the following:

var multiSelect = $('#manageCrewSelector').data('kendoMultiSelect');
multiSelect.value(vm.crew.employeeIds);​

Now I can see the items are selected when I scroll through the list however the multi select doesnt show that they are selected.  Again why?

 

[Elliot]

Quick update.  This issue only happens when I filter the list when selecting a new item.  

If I click the x to remove an item or I select and item by scrolling through the list it works as expected even without setting the value of the widget.  ie: I can just set vm.crew.employeeIds

 

[Petyo]

Hello Elliot,

I am not sure what happens in that case. May you please reproduce it in a Dojo? We will examine it further. Thank you in advance. 

Regards,
Petyo
Telerik