Angular UI Select, undefined ng-model

Question

I have below code from example of Angular UI Select:

<ui-select multiple ng-model="SelectedItem" style="width: 300px;">
    <ui-select-match placeholder="Select colors">{{$item}}</ui-select-match>
    <ui-select-choices repeat="color in availableColors">{{color}} Cool</ui-select-choices>
</ui-select>
<p>Selected: {{SelectedItem}}</p>

And nd-model didnt define any scope variable. <p> show only 'Selected: ' and in controller variable $scope.SelectedItem is undefined. The rest is working fine.

i guess problem is what i describe. no-model did not difine a variable in $scope — Honchar Denys
– Honchar Denys, Commented Oct 25, 2014 at 19:39

Honchar Denys · Accepted Answer · 2014-10-25 21:33:32Z

3

Well, i had to define mine scope variable in controller first. Something like that: $scope.SelectedItem = {}; That's was something that was nowhere before Angular-UI and was not clear from main page of Angular-UI.

answered Oct 25, 2014 at 21:33

Honchar Denys

1,5284 gold badges29 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular UI Select, undefined ng-model

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related