这篇文章主要为大家详细介绍了angluarjs实现过滤并替换关键字小功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

效果如下:

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

    无相关信息
最新资讯
闻臭师、绑蟹工,这届年轻人独爱“奇葩”职业?

闻臭师、绑蟹工,这届年

打工人每天的早晨,是在拎着豆浆包子,追赶公交车或者是挤
理想汽车高额募资,增程之外,纯电动车型也将推出

理想汽车高额募资,增程

坚持增程技术方案的理想汽车,也开始提前拥抱纯电动技术
刘强东“御驾亲征”社区团购,听歌鄙视链顶端的虾米要黄?

刘强东“御驾亲征”社

最近“社区团购”火了,就因为阿里、美团、拼多多及京东
一起教育IPO数十倍回报,是徐小平和顺为“最渴望”的胜利

一起教育IPO数十倍回

一起教育已经成立9年,过去三年的亏损率依然超过160%,这
愉快吸猫,远离过敏!科学家们在研究这些新疗法

愉快吸猫,远离过敏!科学

对于吸猫成瘾者来说,最悲惨的恐怕要数——对猫过敏!一挨
看完这篇,终于可以和别人聊量子计算机了!

看完这篇,终于可以和别

量子计算机今天刷屏了——中国研究团队构建的量子计算
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,