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中方便增删改cookie的一个类
Oct 11 Javascript
js将字符串转成正则表达式的实现方法
Nov 13 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
Aug 06 Javascript
ECharts仪表盘实例代码(附源码下载)
Feb 18 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
Nov 30 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
angularJS深拷贝详解
Mar 23 Javascript
Javascript实现页面滚动时导航智能定位
May 06 Javascript
手机注册发送验证码倒计时的简单实例
Nov 15 Javascript
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
vue-cli3+typescript初体验小结
Feb 28 Javascript
JS实现简易留言板特效
Dec 23 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
基于文本的留言簿
2006/10/09 PHP
Cannot modify header information错误解决方法
2008/10/08 PHP
PHP 编写的 25个游戏脚本
2009/05/11 PHP
php中修改浏览器的User-Agent来伪装你的浏览器和操作系统
2011/07/29 PHP
Windows中使用计划任务自动执行PHP程序实例
2014/05/09 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
php报错502badgateway解决方法
2019/10/11 PHP
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
JavaScript中:表达式和语句的区别[译]
2012/09/17 Javascript
使用Post提交时须将空格转换成加号的解释
2013/01/14 Javascript
extjs 分页使用jsp传递数据示例
2014/07/29 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
各种选择框jQuery的选中方法(实例讲解)
2017/06/27 jQuery
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
D3.js实现简洁实用的动态仪表盘的示例
2018/04/04 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
Python使用新浪微博API发送微博的例子
2014/04/10 Python
python3爬取数据至mysql的方法
2018/06/26 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
python学生管理系统开发
2019/01/30 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
Node.js 和 Python之间该选择哪个?
2020/08/05 Python
Python读取xlsx数据生成图标代码实例
2020/08/12 Python
如何使用Python调整图像大小
2020/09/26 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
房屋出售协议书
2014/04/10 职场文书
春节晚会开场白
2015/05/29 职场文书
企业宣传语大全
2015/07/13 职场文书
MySQL安装失败的原因及解决步骤
2022/06/14 MySQL
使用CSS定位HTML元素的实现方法
2022/07/07 HTML / CSS