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 相关文章推荐
创建一个复制UBB软件信息的链接或按钮的js代码
Jan 06 Javascript
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
JavaScript运算符小结
Jun 03 Javascript
javascript中的 object 和 function小结
Aug 14 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
Sep 23 Javascript
js编写三级联动简单案例
Dec 21 Javascript
discuz表情的JS提取方法分析
Mar 22 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
Node.js 使用AngularJS的方法示例
May 11 Javascript
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 Javascript
vue-cli3跨域配置的简单方法
Sep 06 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 curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
PHP无限极分类函数的实现方法详解
2017/04/15 PHP
PHP中PDO事务处理操作示例
2018/05/02 PHP
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
让html页面不缓存js的实现方法
2014/10/31 Javascript
nodejs中转换URL字符串与查询字符串详解
2014/11/26 NodeJs
javascript实现单击和双击并存的方法
2014/12/13 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
jQuery实现图片向左向右切换效果的简单实例
2016/05/18 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
javascript中获取元素标签中间的内容的实现方法
2016/10/08 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
Javasript设计模式之链式调用详解
2018/04/26 Javascript
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
Vue设置长时间未操作登录自动到期返回登录页
2020/01/22 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
Python 面向对象 成员的访问约束
2008/12/23 Python
对pandas的dataframe绘图并保存的实现方法
2017/08/05 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
Python自动化之UnitTest框架实战记录
2020/09/08 Python
CSS3 实现的火焰动画
2020/12/07 HTML / CSS
美国单身专业人士在线约会网站:EliteSingles
2019/03/19 全球购物
Lookfantastic意大利官网:英国知名美妆购物网站
2019/05/31 全球购物
大学生自我鉴定
2013/12/08 职场文书
在校大学生的职业生涯规划书
2014/03/14 职场文书
补充协议书范本
2014/04/23 职场文书
领导班子自我剖析材料
2014/08/16 职场文书
委托代理人授权委托书范本
2014/09/24 职场文书
python实现图片批量压缩
2021/04/24 Python
PyTorch device与cuda.device用法
2022/04/03 Python
SONY AN-LP1 短波有源天线放大器图
2022/04/05 无线电
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers