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