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

来源:互联网 发布:高校教学软件代理 编辑:程序博客网 时间:2024/05/16 04:55
<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>

效果图:

这里写图片描述

原创粉丝点击