angular表情过滤

表情过滤

$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='';
        };