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 相关文章推荐
jquery操作HTML5 的data-*的用法实例分享
Aug 17 Javascript
jQuery源码分析之jQuery中的循环技巧详解
Sep 06 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
Jun 01 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
javascript:void(0)点击登录没反应怎么解决
Nov 13 Javascript
javascript高级编程之函数表达式 递归和闭包函数
Nov 29 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
javascript简易画板开发
Apr 12 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
vue加载自定义的js文件方法
Mar 13 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 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中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
PHP采用curl模仿用户登陆新浪微博发微博的方法
2014/11/07 PHP
PHP浮点数精度问题汇总
2015/05/13 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
PHP hex2bin()函数用法讲解
2019/02/25 PHP
非常好的js代码
2006/06/27 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2015/08/11 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
2015/08/17 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
微信小程序 详解Page中data数据操作和函数调用
2017/01/12 Javascript
微信小程序实现评论功能
2018/11/28 Javascript
在vue项目中引入highcharts图表的方法
2019/01/21 Javascript
js验证账户名是否重复
2020/05/26 Javascript
Vue性能优化的方法
2020/07/30 Javascript
微信小程序实现底部弹出模态框
2020/11/18 Javascript
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
Python实现类似比特币的加密货币区块链的创建与交易实例
2018/03/20 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
python 通过SSHTunnelForwarder隧道连接redis的方法
2019/02/19 Python
django 消息框架 message使用详解
2019/07/22 Python
基于python实现从尾到头打印链表
2019/11/02 Python
Python ini文件常用操作方法解析
2020/04/26 Python
超市后勤自我鉴定
2014/01/17 职场文书
网络信息安全承诺书
2014/03/26 职场文书
学校安全责任书
2014/04/14 职场文书
班主任与学生安全责任书
2014/07/25 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
2014年企业党支部工作总结
2014/12/04 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python
Mybatis 一级缓存和二级缓存原理区别
2022/09/23 Java/Android