angular 指令梳理 —— select 含 多选

下拉框指令。支持多选。依赖bootstrap

数据库存储，数据多选以逗号分割eg:1,2 

<select ht-select="user.sex" permission="w" multiple ng-model="user.sex"></select>

.directive('htSelect', function() {
     return {
        restrict : 'AE',
        require: "ngModel",
        scope:{
            htSelect:"="
        },
        link: function(scope, element, attrs,ctrl){
            var permission = getPermission(attrs.permission,scope);//权限。没有权限控制的可以忽略11             var isMultiple =attrs.multiple!=undefined; //是否多选
            
            if(permission == 'n'){
                element.hidden();
            }else if(permission=='r'){ //只读
                var value = scope.htSelect;
                if(!value) return;
                
                if(isMultiple) value=value.split(",");
                elsevalue=new Array(value); 24                 
                var text=[];//只读获取key对应的text
                for (var int = 0,val;val=value[int++];) {
                    text .push( $("option[value='"+val+"']",element).text());
                }
                element.after(text.join("，")).hide();
            }
           
            if(!isMultiple) return;
            //编辑多选情况，modelValue为男，女。viewValue为[男，女]
            ctrl.$formatters.push(function(value){
                 if(value) return value.split(",")
                 return []
            });
            ctrl.$parsers.push(function(value){
                 if(value&&value.length>0) return value.join(",")
                 return "";
            });
        }
                   
})