AngularJS输入内容到公告窗,敏感字以*代替

WEB前端 waitig 471℃ 百度已收录 0评论

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>输入内容到公告窗,敏感字以*代替</title>
<style>
            div#content{
                border:1px solid blue;
                text-align:left;
                overflow:auto;            
            
                height:200px;
                width:400px;
            }
        </style>
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript">
var app = angular.module("myApp", []);
app.filter("replace", function() {
return function(text) {
//alert(text.indexOf("法轮功"));
//return text+text.contains("法轮功");

function replaceValue(text) {
var value = "";
if(text.indexOf("法轮功")>=0) {
//alert("111");
value =  text.replace(/法轮功/g, "***");

if(value.indexOf("枪")>=0){
return value.replace(/枪/g, "*");
}else{
return value;
}
}else{
if(value.indexOf("枪")>=0){
return text.replace(/枪/g, "*");
}else{
return text;
}
}

}
return replaceValue(text);
//return text.replace(/法轮功|枪
/g, "***");
}
});

app.controller("myCtrl", function($scope) {
$scope.value = "";
}) 
</script>
</head>

<body ng-app="myApp" ng-controller="myCtrl">
    <center>
        <h3>公告墙</h3> <br>
        <div id=’content’>
            今天我觉得天气不错。
<br>
                你觉得天气怎么样呢? <br>
                {{value | replace}}
            </div> <br />
    
请输入内容:<input ng-model="value"placeholder="敏感字,如 ‘法轮功’,’枪’将以*代替" /> <br/><br/> 
        </center>
</body>
</html>


本文由【waitig】发表在等英博客
本文固定链接:AngularJS输入内容到公告窗,敏感字以*代替
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)