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.

1

1 Answer 1

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>
Sign up to request clarification or add additional context in comments.

2 Comments

Good answer, ty, but I do need a drop down that works with bootstrap in this case.
I am not so sure Angular-material is compatible with bootstrap: stackoverflow.com/questions/29313990/…

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.