angular表情过滤

来源:互联网 发布:mac打开cmd 编辑:程序博客网 时间:2024/05/22 15:26

表情过滤

$scope.filterComment=function(text){            var reg = /\[(.+?)\]/g;            var faceArr=text.match(reg);            if(faceArr){                for(var j=0;j<faceArr.length;j++){                    for(var i=0;i<$scope.face.length;i++){                        if($scope.face[i].title===faceArr[j]){                            var img="<img src='"+$scope.face[i].src+"' title='"+faceArr[j]+"'/>"                            text=text.replace(eval("/\\"+faceArr[j]+"/g"),img);                        }                    }                }            }            return text;        }

$scope.face=[            {                src:'./image/faces/01.gif',                title:'[发呆]'            },{                src:'./image/faces/02.gif',                title:'[可爱]'            },{                src:'./image/faces/03.gif',                title:'[哈哈]'            },{                src:'./image/faces/04.gif',                title:'[龇牙]'            },{                src:'./image/faces/05.gif',                title:'[偷笑]'            },{                src:'./image/faces/06.gif',                title:'[愤怒]'            }, {                src:'./image/faces/07.gif',                title:'[发抖]'            },{                src:'./image/faces/08.gif',                title:'[犯酸]'            },{                src:'./image/faces/09.gif',                title:'[流泪]'            },{                src:'./image/faces/10.gif',                title:'[不屑]'            },{                src:'./image/faces/11.gif',                title:'[晕]'            },{                src:'./image/faces/12.gif',                title:'[汗颜]'            },{                src:'./image/faces/13.gif',                title:'[失望]'            },{                src:'./image/faces/14.gif',                title:'[小意思]'            },{                src:'./image/faces/15.gif',                title:'[惊恐]'            },{                src:'./image/faces/16.gif',                title:'[赞]'            },{                src:'./image/faces/17.gif',                title:'[花心]'            },{                src:'./image/faces/18.gif',                title:'[酷]'            }, {                src:'./image/faces/19.gif',                title:'[骷髅]'            },{                src:'./image/faces/20.gif',                title:'[沮丧]'            },{                src:'./image/faces/21.gif',                title:'[困]'            },{                src:'./image/faces/22.gif',                title:'[调皮]'            },{                src:'./image/faces/23.gif',                title:'[亲亲]'            },{                src:'./image/faces/24.gif',                title:'[疑问]'            },{                src:'./image/faces/25.gif',                title:'[禁言]'            },{                src:'./image/faces/26.gif',                title:'[难过]'            },{                src:'./image/faces/27.gif',                title:'[小眼]'            },{                src:'./image/faces/28.gif',                title:'[奋斗]'            },{                src:'./image/faces/29.gif',                title:'[鄙视]'            },{                src:'./image/faces/30.gif',                title:'[猪头]'            },        ];        $scope.faceStatus=false;        $scope.toggleFace=function(){            $scope.faceStatus=!$scope.faceStatus;            if ($scope.faceStatus==true){                $(".commentBox").find(".no-items").css("padding-bottom", "75px");            }            else{                $(".commentBox").find(".no-items").css("padding-bottom", "0");            }        }        $scope.choseFace=function(index){            $scope.message=$scope.message+$scope.face[index].title;            $scope.faceStatus=false;        };        $scope.closeFaceEvent=function(){            $scope.faceStatus=false;        }        $scope.cancelEvent=function(){            $scope.message='';        };