angluarjs实现过滤并替换关键字小功能
程序员文章站
2022-04-09 21:55:33
本文实例为大家分享了angluarjs实现过滤并替换关键字的具体代码，供大家参考，具体内容如下
html样式
本文实例为大家分享了angluarjs实现过滤并替换关键字的具体代码，供大家参考，具体内容如下
html样式
<body ng-app="myapp" ng-controller="myctrl">
<input type="text" ng-model="keytext">
<p>{{ keytext|wordfilter:"#" }}</p>
</body>
//自定义过滤器，并且替换关键字
<script>
var myapp=angular.module("myapp",[]);
/*自定义过滤器*/
myapp.filter("wordfilter",function () {
return function (msg,flag) {
/*替换关键字*/
return msg.replace(/枪|子弹/g,flag);
}
})
myapp.controller("myctrl",function ($scope) {
$scope.keytext="";
})
</script>
效果如下:
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。