首页 > 编程 > JavaScript > 正文

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

2019-11-19 12:47:01
字体:
来源:转载
供稿:网友

如下所示:

<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自定义过滤器实现手机号信息隐藏的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表