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 相关文章推荐
checkbox 复选框不能为空
Jul 11 Javascript
用jquery写的菜单从左往右滑动出现
Apr 11 Javascript
javascript操作表格排序实例分析
May 06 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
详解微信JS-SDK选择图片遇到的坑
Aug 15 Javascript
VUE预渲染及遇到的坑
Sep 03 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
微信小程序使用for循环动态渲染页面操作示例
Dec 25 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
Sep 14 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
Dec 06 Javascript
Vue 样式切换及三元判断样式关联操作
Aug 09 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+DBM的同学录程序(4)
2006/10/09 PHP
php面向对象全攻略 (二) 实例化对象 使用对象成员
2009/09/30 PHP
获取php页面执行时间,数据库读写次数,函数调用次数等(THINKphp)
2013/06/03 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
JS数组去重与取重的示例代码
2014/01/24 Javascript
Javascript的闭包详解
2014/12/26 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
2015/07/27 Javascript
详解JavaScript for循环中发送AJAX请求问题
2020/06/23 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
2016/06/20 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
2019/04/23 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
推荐下python/ironpython:从入门到精通
2007/10/02 Python
easy_install python包安装管理工具介绍
2013/02/10 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
Python数据结构之栈、队列及二叉树定义与用法浅析
2018/12/27 Python
python中partial()基础用法说明
2018/12/30 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
python 消费 kafka 数据教程
2019/12/21 Python
python实现拼图小游戏
2020/02/22 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
Python基于unittest实现测试用例执行
2020/11/25 Python
使用canvas压缩图片大小的方法示例
2019/08/02 HTML / CSS
在校生钳工实习自我鉴定
2013/09/19 职场文书
五一手机促销方案
2014/03/08 职场文书
国际语言毕业生求职信
2014/07/08 职场文书
幼儿生日活动方案
2014/08/27 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
2015年信贷员工作总结
2015/04/28 职场文书
2016医师资格考试考生诚信考试承诺书
2016/03/25 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
Python的三个重要函数详解
2022/01/18 Python
【海涛DOTA】D-cup邀请赛NV.cn vs DT.Love
2022/04/01 DOTA