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函数
Dec 22 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
Jan 28 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
Jun 14 Javascript
js重写方法的简单实现
Jul 10 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
Oct 14 Javascript
jQuery ajax实现省市县三级联动
Mar 07 Javascript
JavaScript中undefined和null的区别
May 03 Javascript
vue 国际化 vue-i18n 双语言 语言包
Jun 07 Javascript
layer.open回调获取弹出层参数的实现方法
Sep 10 Javascript
Vue开发中常见的套路和技巧总结
Nov 24 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写入WRITE编码为UTF8的文件的实现代码
2008/07/07 PHP
php access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
二招解决php乱码问题
2012/03/25 PHP
php define的第二个参数使用方法
2013/11/04 PHP
ThinkPHP Mobile使用方法简明教程
2014/06/18 PHP
php socket客户端及服务器端应用实例
2014/07/04 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
JS实现鼠标框选效果完整实例
2016/06/20 Javascript
JS 动态判断PC和手机浏览器实现代码
2016/09/21 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
python多线程扫描端口示例
2014/01/16 Python
python3 与python2 异常处理的区别与联系
2016/06/19 Python
python下如何查询CS反恐精英的服务器信息
2017/01/17 Python
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
利用pandas合并多个excel的方法示例
2019/10/10 Python
Python2与Python3的区别详解
2020/02/09 Python
解决python ThreadPoolExecutor 线程池中的异常捕获问题
2020/04/08 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
HTML5 Canvas 旋转风车绘制
2017/08/18 HTML / CSS
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
韩国美国时尚服装和美容在线全球市场:KOODING
2018/11/07 全球购物
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
灵泰克Java笔试题
2016/01/09 面试题
喝酒检查书范文
2014/02/23 职场文书
网络宣传方案
2014/03/15 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
夫妻忠诚协议范文
2014/11/16 职场文书
Nginx已编译的nginx-添加新模块
2021/04/01 Servers
Win10鼠标轨迹怎么开 Win10显示鼠标轨迹方法
2022/04/06 数码科技
i5-10400f处理相当于i7多少水平
2022/04/19 数码科技