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 相关文章推荐
HTML DOM的nodeType值介绍
Mar 31 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 Javascript
简洁Ajax函数处理(示例代码)
Nov 15 Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 Javascript
24款热门实用的jQuery插件推荐
Dec 24 Javascript
jQuery实现带玻璃流光质感的手风琴特效
Nov 20 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
Jan 21 Javascript
AngularJS入门教程之多视图切换用法示例
Nov 02 Javascript
微信小程序实现图片轮播及文件上传
Apr 07 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
Jan 05 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
Jul 10 Javascript
js里面的变量范围分享
Jul 18 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中的数组操作函数整理
2008/08/18 PHP
浅析php中jsonp的跨域实例
2013/06/21 PHP
codeigniter上传图片不能正确识别图片类型问题解决方法
2014/07/25 PHP
微信获取用户地理位置信息的原理与步骤
2015/11/12 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
javascript document.execCommand() 常用解析
2009/12/14 Javascript
js实现二级菜单渐隐显示
2015/11/03 Javascript
APP中javascript+css3实现下拉刷新效果
2016/01/27 Javascript
纯css下拉菜单 无需js
2016/08/15 Javascript
微信小程序 支付简单实例及注意事项
2017/01/06 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
2018/03/05 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
layui输入框只允许输入中文且判断长度的例子
2019/09/18 Javascript
vue.js 实现a标签href里添加参数
2019/11/12 Javascript
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
Python重新引入被覆盖的自带function
2014/07/16 Python
以Flask为例讲解Python的框架的使用方法
2015/04/29 Python
Django中处理出错页面的方法
2015/07/15 Python
Python使用PIL库实现验证码图片的方法
2016/03/11 Python
详解Python文本操作相关模块
2017/06/22 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
python 将字符串中的数字相加求和的实现
2019/07/18 Python
python如何查看安装了的模块
2020/06/23 Python
python 利用zmail库发送邮件
2020/09/11 Python
HTML5 Geolocation API的正确使用方法
2018/12/04 HTML / CSS
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
公司贷款承诺书
2014/05/30 职场文书
反四风对照检查材料
2014/09/22 职场文书
关于成立领导小组的通知
2015/04/23 职场文书
2015年纪委工作总结
2015/05/13 职场文书
执行力心得体会范文
2016/01/11 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
《假如》教学反思
2016/02/17 职场文书
销售会议开幕词
2016/03/04 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python
python如何查找列表中元素的位置
2022/05/30 Python