Angular select multiple with bootstrap-select.js and ng-options

Question

I´m having problems with a select multiple in angular. I´m using the library bootstrap-select.js and I have to assign the values in ng-options, but when I write the multiple attribute it brokes the select.

<select 
    ng-show="vm.showAuidit" 
    id="select_audits"
    class="form-control selectpicker"
    tabindex="-1"
    ng-model='vm.type'  
    ng-change="vm.selectType()"
    ng-init="vm.selectType()"
    ng-selected="type.value === vm.type"
    ng-options='type.value as type.name for type in vm.types'
    ng-disabled="vm.selectEnable()"
    multiple title="">
</select>

Does anybody knows how to implement a good select multipleworking with ng-options?

thanks!

ng-options use vm.types whereas ng-model has vm.type. This might be causing problem — Sangharsh
– Sangharsh, Commented Jan 16, 2017 at 12:33
vm.type is for ng-selected only in this case. If i put the code without multiple keyword it works and if I put the code without ng-options and qith <option></option> it works, but I need to use ng-options in this case. — CVO
– CVO, Commented Jan 16, 2017 at 13:26

CVO · Accepted Answer · 2017-01-18 09:35:56Z

1

I solved this changing the multi select library for angularjs-dropdown-multiselect.min.js

<select
    ng-show="vm.showAuidit"
    id="select_localizaciones"
    class="form-control" 
    tabindex="-1"
    ng-model='vm.localizaciones'  
    ng-change="vm.selectType()"
    ng-init="vm.selectType()"
    ng-options='localizacion.value as localizacion.name for localizacion in vm.localizaciones'
    ng-disabled="vm.selectEnable()"
    required>
</select>

for doc: angularjs-dropdown-multiselect

answered Jan 18, 2017 at 9:35

CVO

7421 gold badge14 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

Angular select multiple with bootstrap-select.js and ng-options

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related