1

Is there something that people default to when they need a multi-select drop down that will work in a bootstrap form without breaking the styling and accept angular attributes?

Found these, but am not sure either will work properly:
1. http://davidstutz.github.io/bootstrap-multiselect/
2. http://isteven.github.io/angular-multi-select/#/configs-options

Upon checking docs twice - there seems nothing native in bootstrap and bootstrap-ui, but just wanted to double check.

VSO
  • 11,546
  • 25
  • 99
  • 187

1 Answers1

1

My tool of choice would be checkboxes using angular material: angular material checkboxes It is not bootstrap, but I prefer the presentation option on angular material to bootstrap, so have been slowly migrating away from bootstrap to using angular material instead.

Edit: Angular material is compatible with bootstrap. As you want a dropdown, this may be better: angular material multiselect codepen example

 <md-select placeholder="State" ng-model="ctrl.userState" multiple="true">
        <md-option ng-repeat="state in ctrl.states" value="{{state.abbrev}}">{{state.abbrev}}</md-option>
 </md-select>
trees_are_great
  • 3,881
  • 3
  • 31
  • 62
  • Good answer, ty, but I do need a drop down that works with bootstrap in this case. – VSO Jun 25 '15 at 13:53
  • I am not so sure Angular-material is compatible with bootstrap: http://stackoverflow.com/questions/29313990/using-bootstrap-for-angular-and-material-design-for-angular-together – Bwyss Oct 13 '16 at 17:51