您的当前位置:首页正文

angluarjs实现过滤并替换关键字小功能

2020-11-27 来源:赴品旅游

本文实例为大家分享了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>

效果如下:

显示全文