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 相关文章推荐
用js判断浏览器是否是IE的比较好的办法
May 08 Javascript
google地图的路线实现代码
Aug 20 Javascript
jQuery中after的两种用法实例
Jul 03 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 Javascript
jquery实现select下拉框美化特效代码分享
Aug 18 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
May 05 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
May 27 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
再次谈论Javascript中的this
Jun 23 Javascript
vue-scroller记录滚动位置的示例代码
Jan 17 Javascript
Vue Element校验validate的实例
Sep 21 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 模拟POST|GET操作实现代码
2010/07/20 PHP
利用PHP实现图片等比例放大和缩小的方法详解
2013/06/06 PHP
解析php如何将日志写进syslog
2013/06/28 PHP
基于PHP的加载类操作以及其他两种魔术方法的应用实例
2017/08/28 PHP
PHP使用两个栈实现队列功能的方法
2018/01/15 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
js的for in循环和java里foreach循环的区别分析
2015/01/28 Javascript
jQuery实现查找最近父节点的方法
2016/06/23 Javascript
Angularjs 创建可复用组件实例代码
2016/10/09 Javascript
微信小程序 页面跳转传参详解
2016/10/28 Javascript
Vue分页组件实例代码
2017/04/17 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
JS调用安卓手机摄像头扫描二维码
2018/10/16 Javascript
值得收藏的八个常用的js正则表达式
2018/10/19 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
2020/08/05 Javascript
[02:28]DOTA2英雄基础教程 灰烬之灵
2013/12/19 DOTA
Python连接DB2数据库
2016/08/27 Python
Ubuntu下创建虚拟独立的Python环境全过程
2017/02/10 Python
使用Python对Access读写操作
2017/03/30 Python
python中实现数组和列表读取一列的方法
2018/04/03 Python
如何使用Flask-Migrate拓展数据库表结构
2019/07/24 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
div或img图片高度随宽度自适应的方法
2020/02/06 HTML / CSS
高级方案规划工程师岗位职责
2013/11/29 职场文书
电焊工工作岗位职责
2014/02/06 职场文书
班主任评语大全
2014/04/26 职场文书
2014年安全生产大检查方案
2014/05/13 职场文书
大明湖导游词
2015/02/03 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
离婚起诉书范文2015
2015/05/19 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
python基础之错误和异常处理
2021/10/24 Python
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL