$select.selected is undefined

[ShaneZhengNZ]

I am trying to use ui-select to render my multi-select dropdown list.

I followed the multi-select example, which works except that I see the $select.selected is undefined error message. The error does not prevent the directive from functioning, but it is quite annoy.

I debugged the code and notice that in ui.select directive, ngModel.$render function, if I do

if (ngModel.$viewValue)
    $select.selected = ngModel.$viewValue;

I won't see the error any more, but the multi-select won't work when I click on the input box, I get ctrl.items is undefined.

It seems that the ngModel.$viewValue is not defined for some reason. Is that a bug or something that I am doing correctly?

[olegweb]

Try $item not $select.selected

[ShaneZhengNZ]

I did use $item

<ui-select multiple data-ng-model="stateIDs" data-ng-disabled="disabled">
    <ui-select-match placeholder="Choose a state">{{$item.name}}</ui-select-match>
    <ui-select-choices data-repeat="state.id as state in availableStates">
        {{state.name}}
    </ui-select-choices>
</ui-select>

[olegweb]

data-repeat ??

[ShaneZhengNZ]

Changed data-repeat to repeat, same problem.

[olegweb]

Show your example in plnkr.co

[kitemao]

i have the same problem

[ShaneZhengNZ]

I can reproduce with a demo on plnkr.co. More detailed description will be available in a new issue.

[ShaneZhengNZ]

new issue - #587