Angular下拉多选基于Bootstarp-select

这里引用后必须加两段代码 1.js里 $scope.optionDatas = {data:$Data.data.DATA,name:"name",id:"id"};这里是select遍历的集合，后面的nameid不重要 2.html代码 <select zs-select data-size="5" id="classId" ng-model="healthInfomationClassList" title="请选择" data-live-search="false" multiple option-datas="optionDatas" class="selectpicker show-tick form-control input-sm"> </select> data-live-search是否要搜索框 3.指令 /** * 自定义封装bootstrap-select */ angular.module("uee").directive('zsSelect', function($compile) { return { restrict : 'A', require : '?ngModel', scope:{ optionDatas:'=' }, link : function($scope, $element, $attrs, $ngModel) { $scope.$watch('optionDatas', function() { var html = ""; var optionDatas = $scope.optionDatas; if (optionDatas != undefined){ var options = optionDatas.data; var name = optionDatas.name; var id = optionDatas.id; for (var i=0;i<options.length;i++){ var option = options[i]; html += "<option style='font-size: 10px' value="+option[id]+">"+option[name]+"</option>"; } } else { html = ""; } $($element).html(html); $($element).selectpicker('refresh'); if ($ngModel.$modelValue) { $($element).selectpicker('val', $ngModel.$modelValue); } }); } }; });