Select ng-model
HTML
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="https://raw.githubusercontent.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script>
<div ng-controller="Ctrl">
<select multiselect multiple ng-model="selected">
<option>Static option 1</option>
<option>Static option 2</option>
<option ng-repeat="value in values">{{value}}</option>
</select>
<pre>{{selected}}</pre>
<div>
JavaScript
var app = angular.module('app', []);
app.directive('multiselect', function () {
return {
restrict: 'A',
scope: {
model: '='
},
transclude: true,
require: 'ngModel',
link: function (scope, element, attrs, controller, transclude) {
transclude(function (clone) {
element.append(clone);
$(element).multiselect();
});
}
};
})
function Ctrl($scope) {
$scope.values = ['Dynamic option 1', 'Dynamic option 2', 'Dynamic option 3'];
}