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


Posted in Javascript onSeptember 19, 2017

本文实例为大家分享了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实现过滤并替换关键字小功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
Mar 27 Javascript
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
用Javascript 获取页面元素的位置的代码
Sep 25 Javascript
清空上传控件input file的值
Jul 03 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 Javascript
浅析javascript中的DOM
Mar 01 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
使用BootStrap实现用户登录界面UI
Aug 10 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
Jun 03 Javascript
Vue-cli3项目配置Vue.config.js实战记录
Jul 29 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
小程序实现录音上传功能
Nov 22 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 #Javascript
前端常见跨域解决方案(全)
Sep 19 #Javascript
详解.vue文件中监听input输入事件(oninput)
Sep 19 #Javascript
JavaScript数组去重的多种方法(四种)
Sep 19 #Javascript
一步步教你利用Canvas对图片进行处理
Sep 19 #Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 #Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
Sep 19 #Javascript
You might like
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
PHP中删除变量时unset()和null的区别分析
2011/01/27 PHP
php生成RSS订阅的方法
2015/02/13 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
jQuery中add实现同时选择两个id对象
2010/10/22 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
2014/10/14 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
2016/09/22 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
2016/10/28 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
2017/01/04 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
ReactNative实现Toast的示例
2017/12/31 Javascript
微信小程序实现导航栏选项卡效果
2020/06/19 Javascript
js删除数组中的元素delete和splice的区别详解
2018/02/03 Javascript
详解Puppeteer 入门教程
2018/05/09 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
Python常见字典内建函数用法示例
2018/05/14 Python
一篇文章彻底搞懂Python中可迭代(Iterable)、迭代器(Iterator)与生成器(Generator)的概念
2019/05/13 Python
对Python中class和instance以及self的用法详解
2019/06/26 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
2019/09/20 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
如何在keras中添加自己的优化器(如adam等)
2020/06/19 Python
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
2016/07/13 HTML / CSS
时尚、社区、科技:SEVENSTORE
2019/04/26 全球购物
什么是makefile? 如何编写makefile?
2012/08/08 面试题
教师工作表现自我评价
2015/03/05 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
2015年创先争优工作总结
2015/05/23 职场文书
超强台风观后感
2015/06/09 职场文书
2016教师校本研修心得体会
2016/01/08 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书
python编写函数注意事项总结
2021/03/29 Python