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 相关文章推荐
许愿墙中用到的函数
Oct 07 Javascript
基于jquery的关于动态创建DOM元素的问题
Dec 24 Javascript
用Mootools获得操作索引的两种方法分享
Dec 12 Javascript
Javascript操作cookie的函数代码
Oct 03 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
Sep 24 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
js学习总结之dom2级事件基础知识详解
Jul 27 Javascript
妙用缓存调用链实现JS方法的重载
Apr 30 Javascript
vux uploader 图片上传组件的安装使用方法
May 15 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 Javascript
JS常用跨域方法实现原理解析
Dec 09 Javascript
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源码之explode使用说明
2011/08/05 PHP
CI框架开发新浪微博登录接口源码完整版
2014/05/28 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
PHP微信刮刮卡 附微信接口
2016/07/22 PHP
PHP实现函数内修改外部变量值的方法示例
2018/12/28 PHP
javascript 仿QQ滑动菜单效果代码
2010/09/03 Javascript
js类型检查实现代码
2010/10/29 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
浅析document.ready和window.onload的区别讲解
2013/12/18 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
解析微信JS-SDK配置授权,实现分享接口
2016/12/09 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
jQuery实现tab栏切换效果
2020/12/22 jQuery
实例详解Python装饰器与闭包
2019/07/29 Python
Django models.py应用实现过程详解
2019/07/29 Python
python使用if语句实现一个猜拳游戏详解
2019/08/27 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
python中_del_还原数据的方法
2020/12/09 Python
css3实现背景图片拉伸效果像桌面壁纸一样
2013/08/19 HTML / CSS
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
德国高端单身人士交友网站:ElitePartner
2018/12/02 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
公司任命书范本
2014/06/04 职场文书
放飞理想演讲稿
2014/09/09 职场文书
检查机关党的群众路线个人整改措施
2014/10/04 职场文书
教师自查自纠工作情况报告
2014/10/29 职场文书
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python
德劲DE1107指针试高灵敏度全波段收音机机评
2022/04/05 无线电
Win10 Anaconda安装python-pcl
2022/04/29 Servers