ui-select

AngularJS-native version of Select2 and Selectize
15 people use it
Author: Assets.github.com%2fimages%2fgravatars%2fgravatar-org-420 angular-ui
Submitted by: 3c9a60777d62faaa239726d4ee61402f?d=https%3a%2f%2fidenticons.github.com%2feb92d283af9c1c4c8b2888ec9b1afacf tkrotoff

AngularJS ui-select Build Status

AngularJS-native version of Select2 and Selectize.

Features

  • Search and select
  • Support themes from Select2 (default theme) and Selectize (default, Bootstrap 2 & 3 themes)
  • Keyboard support
  • jQuery not required (except for old browsers)
  • Small code base: 250 lines of JavaScript vs 20 KB for select2.min.js

For the roadmap, check issue #3 and the Wiki page.

Browser compatibility

Starting from Internet Explorer 8 and Firefox 3.6 included.

Installation using Bower

Check the examples.

  • bower install angular-ui-select
  • Inside your HTML add
    • select.js: <script src="bower_components/ui-select/dist/select.js"></script>
    • select.css: <link rel="stylesheet" href="bower_components/ui-select/dist/select.css">

Select2 theme

Bower:

  • bower install select2#~3.4.5
  • <link rel="stylesheet" href="bower_components/select2/select2.css">

cdnjs:

  • <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css">

Selectize theme

Bower:

  • bower install selectize#~0.8.5
  • <link rel="stylesheet" href="bower_components/selectize/dist/css/selectize.default.css">
  • Or the LESS version: @import "bower_components/selectize/dist/less/selectize.default.less";

cdnjs:

  • <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.default.css">

Run the tests

Install Node.js, then inside a console: npm update # Installs all Grunt dependencies (package.json) inside node_modules directory bower update # Installs all ui-select dependencies (bower.json) inside bower_components directory

To run the tests: grunt build # Build dist/select.js grunt test # Launches Karma

Contributing

When issuing a pull request, please exclude changes in the "dist" folder to avoid merge conflicts.

comments powered by Disqus
This page was last updated about 3 years ago.