使用JQuery插件: Multiple select
angular.module('myApp.directives', []).directive('multipleSelect', ['$timeout', function ($timeout) {
return {
require: 'ngModel',
link: function ($scope, element, $attrs, ngModel) {
return $timeout(function () {
return $(element).multipleSelect({
width: 80,
placeholder: "请选择"
}).change(function (event) {
//console.log(event);
});
});
}
};
}]);
使用:
<select multiple="multiple" ng-model="data" multiple-select>
<option ng-repeat="data in list" value="{{data.id}}"> {{data.label}}</option>
</select>