2 <html lang="en" ng-app="demo">
5 <title>AngularJS ui-select</title>
8 IE8 support, see AngularJS Internet Explorer Compatibility http://docs.angularjs.org/guide/ie
9 For Firefox 3.6, you will also need to include jQuery and ECMAScript 5 shim
12 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
13 <script src="http://cdnjs.cloudflare.com/ajax/libs/es5-shim/2.2.0/es5-shim.js"></script>
15 document.createElement('ui-select');
16 document.createElement('ui-select-match');
17 document.createElement('ui-select-choices');
21 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
22 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-sanitize.js"></script>
24 <!-- ui-select files -->
25 <script src="./dist/select.js"></script>
26 <link rel="stylesheet" href="./dist/select.css">
28 <script src="./assets/demo.js"></script>
31 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css">
32 <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css">
33 <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.default.css">
34 <!-- <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.bootstrap2.css"> -->
35 <!--<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.bootstrap3.css">-->
42 .select2 > .select2-choice.ui-select-match {
43 /* Because of the inclusion of Bootstrap */
47 .selectize-control > .selectize-dropdown {
50 /* Some additional styling to demonstrate that append-to-body helps achieve the proper z-index layering. */
56 .alert-info.positioned {
59 z-index: 10000; /* The select2 dropdown has a z-index of 9999 */
64 <body class="ng-cloak" ng-controller="DemoCtrl as ctrl">