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的eval JSON object问题
Nov 15 Javascript
判断用户是否在线的代码
Mar 05 Javascript
js中return false(阻止)的用法
Aug 14 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 Javascript
javascript检测是否联网的实现代码
Sep 28 Javascript
js实现遮罩层弹出框的方法
Jan 15 Javascript
jQuery实现简单的图片查看器
Sep 11 Javascript
详解Node.js模块间共享数据库连接的方法
May 24 Javascript
JS实现“隐藏与显示”功能(多种方法)
Nov 24 Javascript
详解angular应用容器化部署
Aug 14 Javascript
js中怎么判断两个字符串相等的实例
Jan 17 Javascript
Vue项目引发的「过滤器」使用教程
Mar 12 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类的声明与实例化及构造方法与析构方法详解
2016/01/26 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
PHP实现与java 通信的插件使用教程
2019/08/11 PHP
jscript之List Excel Color Values
2007/06/13 Javascript
javascript 必知必会之closure
2009/09/21 Javascript
javascript中xml操作实现代码
2011/11/21 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
原生JavaScript生成GUID的实现示例
2014/09/05 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
理解js对象继承的N种模式
2016/01/25 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
Node.js中的http请求客户端示例(request client)
2017/05/04 Javascript
基于JavaScript实现飘落星星特效
2017/08/10 Javascript
js前端导出Excel的方法
2017/11/01 Javascript
微信小程序开发实现的IP地址查询功能示例
2019/03/28 Javascript
Python ljust rjust center输出
2008/09/06 Python
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
Python实现冒泡排序的简单应用示例
2017/12/11 Python
python opencv 读取图片 返回图片某像素点的b,g,r值的实现方法
2019/07/03 Python
使用python os模块复制文件到指定文件夹的方法
2019/08/22 Python
django-rest-swagger对API接口注释的方法
2019/08/29 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
在python中求分布函数相关的包实例
2020/04/15 Python
selenium如何定位span元素的实现
2021/01/13 Python
Shopty西班牙:缝纫机在线销售
2018/01/26 全球购物
个人投资计划书
2014/05/01 职场文书
2014年计生标语
2014/06/23 职场文书
无房证明范本
2014/09/17 职场文书
水电工程师岗位职责
2015/02/13 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
4种非常实用的python内置数据结构
2021/04/28 Python