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 相关文章推荐
javascript 年月日联动实现核心代码
Dec 21 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
Feb 02 Javascript
JavaScript 消息框效果【实现代码】
Apr 27 Javascript
JavaScript无阻塞加载和defer、async详解
Feb 26 Javascript
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
js实现多张图片延迟加载效果
Jul 17 Javascript
JS实现手写parseInt的方法示例
Sep 24 Javascript
详解ECMAScript typeof用法
Jul 25 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
Sep 24 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 Javascript
vue.js+element 默认提示中英文操作
Nov 11 Javascript
修改NPM全局模式的默认安装路径的方法
Dec 15 Javascript
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
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
php中count获取多维数组长度的方法
2014/11/03 PHP
joomla组件开发入门教程
2016/05/04 PHP
关于jquery中全局函数each使用介绍
2013/12/10 Javascript
基于javascript、ajax、memcache和PHP实现的简易在线聊天室
2015/02/03 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
2015/12/17 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
2016/11/03 Javascript
vue.js 实现点击展开收起动画效果
2018/07/07 Javascript
代码整洁之道(重构)
2018/10/25 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
今天,小程序正式支持 SVG
2019/04/20 Javascript
Vue中util的工具函数实例详解
2019/07/08 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
2019/07/19 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
基于javascript实现贪吃蛇小游戏
2019/11/25 Javascript
JS加载解析Markdown文档过程详解
2020/05/19 Javascript
[00:32]2018DOTA2亚洲邀请赛Liquid出场
2018/04/03 DOTA
Python中optparse模块使用浅析
2015/01/01 Python
详解Python中的strftime()方法的使用
2015/05/22 Python
Python定时任务sched模块用法示例
2018/07/16 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
Pycharm新手教程(只需要看这篇就够了)
2019/06/18 Python
python爬虫要用到的库总结
2020/07/28 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
CSS3中颜色线性渐变实战
2015/07/18 HTML / CSS
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
俄罗斯珠宝市场的领导者之一:Бронницкий ювелир
2019/10/02 全球购物
幸福家庭事迹材料
2014/02/03 职场文书
青年志愿者事迹材料
2014/02/07 职场文书
服务标语口号
2014/07/01 职场文书
2015年网络管理员工作总结
2015/05/21 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL