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 相关文章推荐
JavaScript prototype对象的属性说明
Mar 13 Javascript
基于jquery实现控制经纬度显示地图与卫星
May 20 Javascript
JavaScript中window.open用法实例详解
Apr 15 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
Feb 17 Javascript
JS实现颜色动态淡化效果
Mar 06 Javascript
jQuery实现的简单在线计算器功能
May 11 jQuery
BootStrap 表单控件之单选按钮水平排列
May 23 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 Javascript
基于vue通用表单解决方案的思考与分析
Mar 16 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
Jun 17 Javascript
js实现拖拽元素选择和删除
Aug 25 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
PHP写入WRITE编码为UTF8的文件的实现代码
2008/07/07 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
javascript中如何处理引号编码&amp;#034;
2013/08/15 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
JS去除字符串中空格的方法
2017/02/14 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
2017/08/03 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
关于 angularJS的一些用法
2017/11/29 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
js实现div色块拖动录制
2020/01/16 Javascript
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python的动态重新封装的教程
2015/04/11 Python
浅谈Python中的私有变量
2018/02/28 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
Python实现通过继承覆盖方法示例
2018/07/02 Python
python实现单链表中删除倒数第K个节点的方法
2018/09/28 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
Django静态文件加载失败解决方案
2020/08/26 Python
买房子个人收入证明
2014/01/16 职场文书
新护士岗前培训制度
2014/02/02 职场文书
《蓝色的树叶》教学反思
2014/02/24 职场文书
教师考核评语
2014/04/28 职场文书
小学生节约用水倡议书
2014/05/15 职场文书
公共场所禁烟标语
2014/06/25 职场文书
2014超市双十一活动策划方案
2014/09/29 职场文书
2014年公务员转正工作总结
2014/11/07 职场文书
关于迟到的检讨书
2015/05/06 职场文书
土木工程生产实习心得体会
2016/01/22 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
Mysql数据库值的添加、修改、删除及清空操作实例
2021/06/20 MySQL
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技