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

网络编程 发布日期：2024/9/29 浏览次数：1

正在浏览：angularjs实现过滤并替换关键字小功能

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

效果如下:

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

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

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

一句话新闻

Windows上运行安卓你用过了吗
在去年的5月23日，借助Intel Bridge Technology以及Intel Celadon两项技术的驱动，Intel为PC用户带来了Android On Windows（AOW）平台，并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版，将Windows与安卓两大生态进行了融合，PC的使用体验随即被带入到了一个全新的阶段。