angularJs自定义过滤器实现手机号信息隐藏的方法


Posted in Javascript onOctober 08, 2018

如下所示:

<div ng-app="module" ng-controller="ctrl">
 <table border="1" width="600">
  <tr>
   <td>编号</td>
   <td>姓名</td>
   <td>手机号</td>
  </tr>
  <tr ng-repeat="(k,v) in data">
   <td>{{v.id}}</td>
   <td>{{v.name}}</td>
   <td>{{v.mobile|truncate:4}}</td>
  </tr>
 </table>
</div>
<script>
 var m = angular.module('module', []);
/*自定义过滤器truncate*/
 m.filter('truncate',function(){
  return function(mobile,len){
   len = len?len:3;
   return mobile.substr(0,11-len)+new String('*').repeat(len);
  }
 });
 m.controller('ctrl', ['$scope', '$filter', function ($scope, $filter) {
  $scope.data = [
   {id: 1, name: '张三', mobile: '14567654445'},
   {id: 2, name: '李四', mobile: '13910959565'},
   {id: 3, name: '王五', mobile: '13232343425'},
  ];
 }]);
</script>

效果图:

angularJs自定义过滤器实现手机号信息隐藏的方法

以上这篇angularJs自定义过滤器实现手机号信息隐藏的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
Jul 07 Javascript
onmouseover和onmouseout的一些问题思考
Aug 14 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
Javascript中构造函数要注意的一些坑
Jan 23 Javascript
JavaScrpt的面向对象全面解析
May 09 Javascript
JavaScript之解构赋值的理解
Jan 30 Javascript
koa router 多文件引入的方法示例
May 22 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
手写Vue2.0 数据劫持的示例
Mar 04 Vue.js
angular中子控制器向父控制器传值的实例
Oct 08 #Javascript
对angularjs框架下controller间的传值方法详解
Oct 08 #Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 #Javascript
CKEditor4配置与开发详细中文说明文档
Oct 08 #Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
Oct 08 #Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
Oct 08 #Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 #jQuery
You might like
星际实力自我测试
2020/03/04 星际争霸
分页详解 从此分页无忧(PHP+mysql)
2007/11/23 PHP
PHP 柱状图实现代码
2009/12/04 PHP
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
PHP加密解密类实例代码
2016/07/20 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
百度地图api应用标注地理位置信息(js版)
2013/02/01 Javascript
JS中实现replaceAll的方法(实例代码)
2013/11/12 Javascript
js鼠标滑过图片震动特效的方法
2015/02/17 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
Ionic3 UI组件之autocomplete详解
2017/06/08 Javascript
vue中锚点的三种方法
2018/07/06 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
2019/08/27 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
2020/04/24 Javascript
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
python 实现快速生成连续、随机字母列表
2019/11/28 Python
python处理RSTP视频流过程解析
2020/01/11 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
自定义Django Form中choicefield下拉菜单选取数据库内容实例
2020/03/13 Python
简单html5代码获取地理位置
2014/03/31 HTML / CSS
27个经典Linux面试题及答案,你知道几个?
2014/03/11 面试题
高中学生干部学习的自我评价
2014/02/21 职场文书
学术会议主持词
2014/03/17 职场文书
应届生找工作求职信
2014/06/24 职场文书
2014年祖国生日寄语
2014/09/19 职场文书
中秋节祝酒词
2015/08/12 职场文书
2019最新版火锅店的创业计划书 !
2019/07/12 职场文书
关于MySQL中explain工具的使用
2023/05/08 MySQL