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>
效果图:
阅读全文
2 0
- angularJs自定义过滤器实现手机号信息隐藏
- AngularJS 过滤器\自定义过滤器 $filter
- AngularJS过滤器以及自定义过滤器
- angularJS自定义过滤器使用
- angularJS---自定义过滤器
- angularjs自定义过滤器demo
- angularjs自定义过滤器
- Angularjs自定义过滤器
- angularJS 自定义过滤器
- 《AngularJs》$filter 自定义过滤器
- angularjs自定义过滤器
- AngularJs[自定义过滤器]
- AngularJs自定义过滤器
- angularJS filter自定义过滤器
- 【AngularJS】自定义过滤器
- angularjs-自定义过滤器示例
- AngularJs自定义过滤器
- AngularJS -自定义过滤器
- android底层开发android.mk语法规范
- Mysql 下载与安装问题二:安装完MySQL后输入"net start mysql"后提示"'net'不是内部或外部命令...
- springboot 获取项目绝对路径
- 汇编语言——第十一章(标记寄存器)
- ssm 配置文件配置
- angularJs自定义过滤器实现手机号信息隐藏
- 2017年5月观影分享
- NDK探究之旅《十一》—C代码调用Java代码之项目实战
- HQL和SQL的区别
- Linux中如何让命令在后台运行
- PL/SQL 安装配置
- flex布局总结
- CodeFirst
- 4.C++面向对象