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 相关文章推荐
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
详解jQuery插件开发中的extend方法
Nov 19 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
JS比较2个日期间隔的示例代码
Apr 15 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
jQuery中show与hide方法用法示例
Sep 16 Javascript
JQuery异步提交表单与文件上传功能示例
Jan 12 Javascript
剖析Angular Component的源码示例
Mar 23 Javascript
Vue项目数据动态过滤实践及实现思路
Sep 11 Javascript
iview同时验证多个表单问题总结
Sep 29 Javascript
vue相关配置文件详解及多环境配置详细步骤
May 19 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实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
php读取txt文件并将数据插入到数据库
2016/02/23 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
Javascript中内建函数reduce的应用详解
2016/10/20 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
JavaScript中document.referrer的用法详解
2017/07/04 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
详解Vue中watch的高级用法
2018/05/02 Javascript
解决vue 打包发布去#和页面空白的问题
2018/09/04 Javascript
Vue实现日历小插件
2019/06/26 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
JS数组的常用10种方法详解
2020/05/08 Javascript
Python threading多线程编程实例
2014/09/18 Python
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
Python制作爬虫抓取美女图
2016/01/20 Python
Python用UUID库生成唯一ID的方法示例
2016/12/15 Python
在django view中给form传入参数的例子
2019/07/19 Python
python datetime处理时间小结
2020/04/16 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
大学生职业生涯设计书
2014/01/02 职场文书
《沉香救母》教学反思
2014/04/19 职场文书
公司员工奖惩制度
2015/08/04 职场文书
《牧场之国》教学反思
2016/02/22 职场文书
【超详细】八大排序算法的各项比较以及各自特点
2021/03/31 Python
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
微信小程序调用python模型
2022/04/21 Python