angularjs - select multiple
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<script src="https://raw.github.com/ivaynberg/select2/master/select2.js"></script>
<link rel="stylesheet" href="https://raw.github.com/ivaynberg/select2/master/select2.css">
<div ng-controller="MyCtrl">
<select ng-class="{no-scroll: colors.length < 5}" size="5" id="myselection" ng-model="color" ng-options="c.name for c in colors">
</select>
</div>
CSS
.no-scroll::-webkit-scrollbar {
display: none;
}
.no-scroll::-moz-scrollbar {
display: none;
}
.no-scroll::-o-scrollbar {
display: none;
}
.no-scroll::-google-ms-scrollbar {
display: none;
}
.no-scroll::-khtml-scrollbar {
display: none;
}
JavaScript
var myApp = angular.module('myApp', []);
function MyCtrl($scope) {
$scope.colors = [{
name: 'black'
}, {
name: 'white'
}, {
name: 'red'
}, {
name: 'blue'
}];
$scope.color = $scope.colors[2];
}