简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

在Angular中如何实现敏感文字提示

亚连
发布： 2018-06-14 15:32:55
原创
1726 人浏览过

这篇文章主要介绍了Angular实现的敏感文字自动过滤与提示功能,结合实例形式分析了AngularJS针对字符串的输入判定及实时显示相关操作技巧,需要的朋友可以参考下

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

先来看看运行效果：

具体代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net 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">
<p>{{message|filter1:"输入违禁词了"}}</p>
</body>
</html>
登录后复制

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

使用vue-cli如何配置移动端自适应？

使用javascript做响应式开发

详细解读ES6的数据解构

详细解读ES6语法中可迭代协议

详细解读在React组件“外”如何使用父组件

有关Axios的配置步骤（详细教程）

在Vuex中详细解读模块化组织

以上是在Angular中如何实现敏感文字提示的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
angular 提示功能
来源：php.cn
上一篇：在Angular中如何实现orderBy排序与模糊查询 下一篇：如何使用AngularJS监听渲染
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Angular 7 去除 SCSS 中的重复属性 AngularSASS(.scss)剥离属性。如何防止这种情况发生，以便我可以嵌入重复的属性以实现跨浏览器兼容性？要复制，请创建一个新的Angular7.2项目{"nam...
来自于 2024-04-04 23:28:54
0
1
1382
Angular应用中导入Javascript原型构造函数时抛出错误 我有一个Angular应用程序，我试图在其中导入一个具有构造函数的JS文件。但是当我运行该应用程序时，webpack会抛出错误。资产中的Javascript文件：TestServi...
来自于 2024-04-04 11:36:15
0
1
288
使用 Ajax 生成内容 - 滚动到 Id 不起作用 我根据通过ajax获取的数据生成页面内容。我遇到的问题是，当我想滚动到某个ID时，滚动要么不会发生，要么滚动到错误的位置。我一直在查看SO问答，但没有找到任何好的解决方案。很多答案...
来自于 2024-04-04 09:29:39
0
1
397
在 Angular 中创建圆形 SVG 温度拖动器？ 这是我尝试在Angular中创建的圆形拇指拖动器的静态演示。它使用rinkle-dashoffset="-260"设置将拇指/拖动器定位在靠近拇指后面的圆形路径...
来自于 2024-04-03 09:33:29
0
1
376
Angular：了解文本元素颜色的属性绑定缺乏反应性 下面是我的.ts文件，import{Component}from'@angular/core';@Component({selector:'app-event-binding',t...
来自于 2024-04-01 17:28:52
0
1
358
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！