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 相关文章推荐
Javascript的IE和Firefox兼容性汇编
Jul 01 Javascript
JavaScript 继承详解(四)
Jul 13 Javascript
JS中不为人知的五种声明Number的方式简要概述
Feb 22 Javascript
写得不错的jquery table鼠标经过变色代码
Sep 27 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
JS排序之快速排序详解
Apr 08 Javascript
vue router学习之动态路由和嵌套路由详解
Sep 21 Javascript
js+html5生成自动排列对话框实例
Oct 09 Javascript
Vue.js简易安装和快速入门(第二课)
Oct 17 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
vue实现div拖拽互换位置
Jul 29 Javascript
ES6中的Javascript解构的实现
Oct 30 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 和 COM
2006/10/09 PHP
php xml实例 留言本
2009/03/20 PHP
ThinkPHP之foreach标签使用概述
2014/06/30 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
PHP中使用mpdf 导出PDF文件的实现方法
2018/10/22 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
jQuery实现鼠标滑过点击事件音效试听
2015/08/31 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
2016/02/19 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
深入理解Vue transition源码分析
2017/07/30 Javascript
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
Angular @HostBinding()和@HostListener()用法
2018/03/05 Javascript
vue双向数据绑定知识点总结
2018/04/18 Javascript
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
2019/07/03 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
轻松掌握python设计模式之策略模式
2016/11/18 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
python语言元素知识点详解
2019/05/15 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
Anaconda 查看、创建、管理和使用python环境的方法
2019/12/03 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
html5教你做炫酷的碎片式图片切换 (canvas)
2017/07/28 HTML / CSS
网络安全方面的面试题
2015/11/04 面试题
军训自我鉴定
2014/01/22 职场文书
中学生家长评语大全
2014/04/16 职场文书
解除合同协议书
2014/04/17 职场文书
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS
索尼ICF-36收音机评测
2022/04/30 无线电
详解SQL报错盲注
2022/07/23 SQL Server