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 相关文章推荐
学习YUI.Ext第五日--做拖放Darg&amp;Drop
Mar 10 Javascript
javascript 解决表单仍然提交即使监听处理函数返回false
Mar 14 Javascript
jQuery 过滤not()与filter()实例代码
May 10 Javascript
基于JavaScript自定义构造函数的详解说明
Apr 24 Javascript
avascript中的自执行匿名函数应用示例
Sep 15 Javascript
浅谈JS原生Ajax,GET和POST
Jun 08 Javascript
微信小程序开发经验总结(推荐)
Jan 11 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 Javascript
vue-router权限控制(简单方式)
Oct 29 Javascript
vue图片加载失败时用默认图片替换的方法
Aug 29 Javascript
Vue OpenLayer测距功能的实现
Apr 20 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实现获取域名的方法小结
2014/11/05 PHP
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
js对图片base64编码字符串进行解码并输出图像示例
2014/03/17 Javascript
jQuery中data()方法用法实例
2014/12/27 Javascript
JS实现控制表格内指定单元格内容对齐的方法
2015/03/30 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
2017/04/13 Javascript
如何在AngularJs中调用第三方插件库
2017/05/21 Javascript
微信小程序获取循环元素id以及wx.login登录操作
2017/08/17 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
Vue项目中使用better-scroll实现一个轮播图自动播放功能
2018/12/03 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
JS实现页面跳转与刷新的方法汇总
2019/08/30 Javascript
Vue退出登录时清空缓存的实现
2019/11/12 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
2021/02/04 jQuery
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
一道python走迷宫算法题
2018/01/22 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
Django学习教程之静态文件的调用详解
2018/05/08 Python
python字符串常用方法
2018/06/14 Python
Scrapy框架爬取Boss直聘网Python职位信息的源码
2019/02/22 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
pytorch标签转onehot形式实例
2020/01/02 Python
python实现mean-shift聚类算法
2020/06/10 Python
python3的pip路径在哪
2020/06/23 Python
python collections模块的使用
2020/10/16 Python
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
美国美发品牌:Bumble and Bumble
2016/10/08 全球购物
关于热爱祖国的演讲稿
2014/05/04 职场文书
本溪关门山导游词
2015/02/09 职场文书
Python 中 Shutil 模块详情
2021/11/11 Python
Windows Server 2022 超融合部署(图文教程)
2022/06/25 Servers