Angular实现的敏感文字自动过滤与提示功能示例


Posted in Javascript onDecember 29, 2017

本文实例讲述了Angular实现的敏感文字自动过滤与提示功能。分享给大家供大家参考,具体如下:

先来看看运行效果:

Angular实现的敏感文字自动过滤与提示功能示例

具体代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3water.com angular敏感文字自动过滤</title>
  <script src="angular.min.js"></script>
  <script>
    var myapp=angular.module("myapp",[]);
    myapp.filter("filter1",function () {
      return function (msg,flag) {
        return msg.replace(/三鹿/g,flag);
      }
    });
    myapp.controller("myCtrl",function ($scope) {
      $scope.message=""
    });
  </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<input type="text" ng-model="message">
<div>{{message|filter1:"输入违禁词了"}}</div>
</body>
</html>

希望本文所述对大家AngularJS程序设计有所帮助。

Javascript 相关文章推荐
体验js中splice()的强大(插入、删除或替换数组的元素)
Jan 16 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
Aug 25 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
Sep 26 Javascript
JS多文件上传的实例代码
Jan 11 Javascript
详解微信小程序 wx.uploadFile 的编码坑
Jan 23 Javascript
详解webpack和webpack-simple中如何引入css文件
Jun 28 Javascript
简单说说如何使用vue-router插件的方法
Apr 08 Javascript
vue-i18n结合Element-ui的配置方法
May 20 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
Nov 18 Vue.js
Angular实现点击按钮控制隐藏和显示功能示例
Dec 29 #Javascript
js实现手机web图片左右滑动效果
Dec 29 #Javascript
详解react-router 4.0 下服务器如何配合BrowserRouter
Dec 29 #Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 #Javascript
javaScript 连接打印机,打印小票的实例
Dec 29 #Javascript
深入浅析vue组件间事件传递
Dec 29 #Javascript
详解Vue 事件修饰符capture 的使用
Dec 29 #Javascript
You might like
php实现微信公众平台发红包功能
2018/06/14 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
ArrayList类(增强版)
2007/04/04 Javascript
轻量级 JS ToolTip提示效果
2010/07/20 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
2010/11/23 Javascript
获取客户端电脑日期时间js代码(jquery)
2012/09/12 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
JavaScript组件开发完整示例
2015/12/15 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
vue判断input输入内容全是空格的方法
2018/03/02 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
2018/03/12 Javascript
微信小程序自定义tabBar组件开发详解
2020/09/24 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
Layui实现带查询条件的分页
2019/07/27 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
详解Vite的新体验
2021/02/22 Javascript
python利用datetime模块计算时间差
2015/08/04 Python
Python系统监控模块psutil功能与经典用法分析
2018/05/24 Python
浅谈python之新式类
2018/08/12 Python
Python函数any()和all()的用法及区别介绍
2018/09/14 Python
python+tifffile之tiff文件读写方式
2020/01/13 Python
python中判断数字是否为质数的实例讲解
2020/12/06 Python
三星美国官网:Samsung美国
2017/02/06 全球购物
施华洛世奇英国官网:SWAROVSKI英国
2017/03/13 全球购物
期末总结的个人自我评价
2013/11/02 职场文书
冰淇淋店的创业计划书
2014/02/07 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
代收款委托书范本
2014/10/01 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
优秀班集体事迹材料
2014/12/25 职场文书
三年级上册科学教学计划
2015/01/21 职场文书
安全生产协议书
2016/03/22 职场文书
yolov5返回坐标的方法实例
2022/03/17 Python