angluarjs实现过滤并替换关键字

时间:2023-03-09 16:53:05
angluarjs实现过滤并替换关键字

html样式

 <body ng-app="myapp" ng-controller="myCtrl">
<input type="text" ng-model="keytext">
<p>{{ keytext|wordFilter:"#" }}</p>
<p>{{ keytext|wordFilter2}}</p>
</body>

//第一种,替换关键词过滤器

 var myapp=angular.module("myapp",[]);
/*第一种,替换关键词自定义过滤器*/
myapp.filter("wordFilter",function () {
return function (msg,flag) {
/*替换关键词*/
return msg.replace(/枪|子弹/g,flag);
}
})

//第二种替换关键字

 /第二种方法,将每个字关键字都变为固定符号
myapp.filter("wordFilter2",function(){
return function(msg){
return msg.replace(/子弹|枪/g,function(word){
//-----------传入word吐出content
var content='';
//有几个字,写出几个字
for(var i= 0;i<word.length;i++){
content+="*";
}
return content;
});
};
});

//控制器

myapp.controller("myCtrl",function ($scope) {

  $scope.keytext="";

})

最后的效果图:

angluarjs实现过滤并替换关键字

相关文章