Getting Started

Getting Started

Requirements

• Angular >=1.2
• jQuery ( optional for older browser support )

Browser compatibility starting at Internet Explorer 8 and Firefox 3.6.

Installing

via bower:

bower install angular-ui-select

reference the scripts

• bower_components\angular-ui-select\dist\select.js
• bower_components\angular-ui-select\dist\select.css

for IE8 / FF3.6 support you must include:

  <!--
    IE8 support, see AngularJS Internet Explorer Compatibility http://docs.angularjs.org/guide/ie
    For Firefox 3.6, you will also need to include jQuery and ECMAScript 5 shim
  -->
  <!--[if lt IE 9]>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/es5-shim/2.2.0/es5-shim.js"></script>
    <script>
      document.createElement('ui-select');
      document.createElement('ui-select-match');
      document.createElement('ui-select-choices');
    </script>
  <![endif]-->

in your application. For RequireJS your setup might look like:

require.config({
    paths: {
        'angular': 'bower_components/angular/angular',
        'angular-ui-select': 'bower_components/angular-ui-select/dist/select'
    },
    shim: {
        'angular-ui-select': ['angular']
    }
});

Include the module in your application.

var module = angular.module('myapp', ['ui-select']);