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 处理 URL 的两个函数代码
Aug 13 Javascript
javascript 冒号 使用说明
Jun 06 Javascript
jquery实现点击消失的代码
Mar 03 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
Nov 24 Javascript
jQuery 特性操作详解及实例代码
Sep 29 Javascript
基于JavaScript实现轮播图原理及示例
Apr 10 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
Mar 21 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
完美解决linux下node.js全局模块找不到的情况
May 16 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
JS如何生成随机验证码
Mar 02 Javascript
JavaScript实现京东快递单号查询
Nov 30 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 mvc开发模式的感想
2011/06/28 PHP
php array_pop()数组函数将数组最后一个单元弹出(出栈)
2011/07/12 PHP
php验证手机号码(支持归属地查询及编码为UTF8)
2013/02/01 PHP
php中用memcached实现页面防刷新功能
2014/08/19 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
php递归调用删除数组空值元素的方法
2015/04/28 PHP
解决PHP使用CURL发送GET请求时传递参数的问题
2019/10/11 PHP
取得父标签
2006/11/14 Javascript
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
js图片自动切换效果处理代码
2013/05/07 Javascript
用js实现in_array的方法
2013/11/05 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
jquery序列化方法实例分析
2015/06/10 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
浅析js中mvvm模式实现的原理
2018/10/06 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
Vue 实现把表单form数据 转化成json格式的数据
2019/10/29 Javascript
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
Python松散正则表达式用法分析
2016/04/29 Python
Python 字典与字符串的互转实例
2017/01/13 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
python每天定时运行某程序代码
2019/08/16 Python
Python自带的IDE在哪里
2020/07/01 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
信息系统专业个人求职信范文
2013/12/07 职场文书
供货协议书
2014/04/22 职场文书
分析并发编程之LongAdder原理
2021/06/29 Java/Android