Angular UI / select2 multiple how to preselect values/options?

Question

using angular-ui with select2 as follows:

<select ui-select2 ng-model="search.categories" multiple style="width:300px" data-placeholder="select category">
      <option value="open" >open</option>
      <option value="close" >close</option>
</select>

Where and how should I preselect options? By default selected option is only first.Somehow in controller?

ProLoser · Accepted Answer · 2013-01-15 01:20:53Z

2

For a simple <select> list it's easy:

MyController function($scope) {
    $scope.search = {
        categories: 'close'
    };
}

For <input> it gets trickier because you may need to add a initSelection option

answered Jan 15, 2013 at 1:20

ProLoser

4,6152 gold badges18 silver badges23 bronze badges

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

2 Comments

Jakub Kuchar Over a year ago

yes worked with categories: ['close','open'] ; but not with 'closed' value. Wtf? Even the auto-completer showing up "close" even closed option value='closed' was declared..

raykin Over a year ago

how to use initSelection in simple case when tags is array of string?

Collectives™ on Stack Overflow

Angular UI / select2 multiple how to preselect values/options?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related