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 相关文章推荐
showModalDialog在谷歌浏览器下会返回Null的解决方法
Nov 27 Javascript
JQuery实现网页右侧随动广告特效
Jan 17 Javascript
理解javascript异步编程
Jan 27 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
js获取html的span标签的值方法(超简单)
Jul 26 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
Oct 11 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
Vue+Django项目部署详解
May 30 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
Apr 23 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
Sep 21 Javascript
vue如何清除浏览器历史栈
May 25 Vue.js
详解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图片上传存储源码并且可以预览
2011/08/26 PHP
php实现的click captcha点击验证码类实例
2014/09/23 PHP
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
用CSS+JS实现的进度条效果效果
2007/06/05 Javascript
js调用flash的效果代码
2008/04/26 Javascript
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
json数据的列循环示例
2013/09/06 Javascript
jquery实现checkbox全选全不选的简单实例
2013/12/31 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
JQuery Mobile 弹出式登录框的实现方法
2016/05/28 Javascript
JavaScript代码实现图片循环滚动效果
2020/03/19 Javascript
图文详解JavaScript的原型对象及原型链
2016/08/02 Javascript
详解Javascript中prototype属性(推荐)
2016/09/03 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
[01:00:49]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第二场 1月31日
2021/03/11 DOTA
python使用分治法实现求解最大值的方法
2015/05/12 Python
Python连接DB2数据库
2016/08/27 Python
Python将多份excel表格整理成一份表格
2018/01/03 Python
Python 微信爬虫完整实例【单线程与多线程】
2019/07/06 Python
Python netmiko模块的使用
2020/02/14 Python
CSS3 中filter(滤镜)属性使用详解
2020/04/07 HTML / CSS
泰国办公用品购物网站:OfficeMate
2018/02/04 全球购物
如何写一份好的自荐信
2014/01/02 职场文书
2014年五一促销活动方案
2014/03/09 职场文书
医院护士见习期自我鉴定
2014/04/10 职场文书
安全月活动总结
2014/05/05 职场文书
品牌推广活动策划方案
2014/08/19 职场文书