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

来源：互联网发布：iphone手机壳品牌知乎编辑：程序博客网时间：2024/05/16 19:51

<!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>

阅读全文

0 0