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 Event学习第三章 早期的事件处理程序
Feb 07 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
Aug 10 Javascript
js精度溢出解决方案
Dec 02 Javascript
基于jquery插件实现常见的幻灯片效果
Nov 01 Javascript
js的匿名函数使用介绍
Dec 11 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
浅谈关于.vue文件中style的scoped属性
Aug 19 Javascript
微信小程序显示下拉列表功能【附源码下载】
Dec 12 Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
vuejs数据超出单行显示更多,点击展开剩余数据实例
May 05 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
解决GD中文乱码问题
2007/02/14 PHP
PHP中JSON的应用技巧
2015/10/10 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
2014/05/04 Javascript
Javascript中For In语句用法实例
2015/05/14 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
浅析BootStrap栅格系统
2016/06/07 Javascript
js前端面试题及答案整理(一)
2016/08/26 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
微信小程序实现列表左右滑动
2020/11/19 Javascript
Python中的exec、eval使用实例
2014/09/23 Python
python开发之字符串string操作方法实例详解
2015/11/12 Python
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
python添加模块搜索路径方法
2017/09/11 Python
python主线程捕获子线程的方法
2018/06/17 Python
python 浅谈serial与stm32通信的编码问题
2019/12/18 Python
python 解决print数组/矩阵无法完整输出的问题
2020/02/19 Python
Django自定义YamlField实现过程解析
2020/11/11 Python
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
运动会报道稿300字
2014/10/02 职场文书
邀请函怎么写
2015/01/30 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript
详解python的异常捕获
2022/03/03 Python
Python Pygame实战之塔防游戏的实现
2022/03/17 Python
Redis批量生成数据的实现
2022/06/05 Redis
Windows Server 2016服务器用户管理及远程授权图文教程
2022/08/14 Servers
HTML中link标签属性的具体用法
2023/05/07 HTML / CSS