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 相关文章推荐
解读IE和firefox下JScript和HREF的执行顺序
Jan 12 Javascript
理解Javascript_11_constructor实现原理
Oct 18 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
Nov 07 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
May 27 Javascript
老生常谈JS中的继承及实现代码
Jul 06 Javascript
Vue 中axios配置实例详解
Jul 27 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
May 12 Javascript
vue(2.x,3.0)配置跨域代理
Nov 27 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
咖啡店都有些什么常规豆子呢?有什么风味在里面
2021/03/04 咖啡文化
深入PHP empty(),isset(),is_null()的实例测试详解
2013/06/06 PHP
ThinkPHP惯例配置文件详解
2014/07/14 PHP
php中mail函数发送邮件失败的解决方法
2014/12/24 PHP
php模仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(中)
2017/06/11 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
js substring从右边获取指定长度字符串(示例代码)
2013/12/23 Javascript
js二维数组排序的简单示例代码
2014/01/24 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
AngularJS入门教程中SQL实例详解
2016/07/27 Javascript
JavaScript数组操作详解
2017/02/04 Javascript
Angular4学习笔记之新建项目的方法
2017/07/18 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
React 使用Hooks简化受控组件的状态绑定
2019/03/18 Javascript
Vue中对iframe实现keep alive无刷新的方法
2019/07/23 Javascript
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
python xlsxwriter模块的使用
2020/12/24 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
维多利亚的秘密官方网站:Victoria’s Secret
2018/10/24 全球购物
英国索普公园票务和酒店套餐:Thorpe Breaks
2019/09/14 全球购物
教学大赛获奖感言
2014/01/15 职场文书
电大会计学自我鉴定
2014/02/06 职场文书
禁毒宣传工作方案
2014/05/23 职场文书
师德师风自我评价范文
2014/09/11 职场文书
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
总经理岗位职责范本
2015/04/01 职场文书
刑事附带民事代理词
2015/05/25 职场文书
提档介绍信范文
2015/10/22 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
浙江省杭州市平均工资标准是多少?
2019/07/09 职场文书