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

(编辑：jimmy 日期: 2024/11/15 浏览：3 次 )

本文实例为大家分享了angularjs实现过滤并替换关键字的具体代码，供大家参考，具体内容如下

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>

效果如下:

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：原生js中ajax访问的实例详解
下一篇：详解vue-cli与webpack结合如何处理静态资源