Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags.
Examples can be found here.
- Objects as tags
- True multi value
- AngularJS directive included
- Designed for Bootstrap 2.3.2 and 3
Objects as tags
Not just support for using strings! This means you can use different values
for a tag's label and value. Each tag also holds a reference to the object
by which it was created, so by calling
array of the original items is returned.
True multi value support
Other implementations just concatenate the values to a comma separated string.
This results in
val() returning just this string, and when
submitting the form, only one big, concatenated value is sent in the request.
Bootstrap Tags Input provides true multivalue support. Just use a
<select multiple /> as your input element, and
val() will return an array of the tag values. When submitting the
form, an array of values will be sent with the request.
Integrates with Twitter Bootstraps' 2.3.2 typeahead, or use custom typeahead when using Bootstrap 3.
Angular JS directive
Include bootstrap-tagsinput-angular.js and register the 'bootstrap-tagsinput' in your Angular JS application to use the bootstrap-tagsinput directive. Look at the examples page how to use the directive.
- Limit number of tags, enable/disable input
- Avoid conflict with other selects when checking for value presence
- Add bsTagsInput angular directive & example for bootstrap3 with typeahea...
This project is licensed under MIT.