angularJs自定義過濾器實(shí)現(xiàn)手機(jī)號(hào)信息隱藏的方法
如下所示:
<div ng-app="module" ng-controller="ctrl"> <table border="1" width="600"> <tr> <td>編號(hào)</td> <td>姓名</td> <td>手機(jī)號(hào)</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自定義過濾器實(shí)現(xiàn)手機(jī)號(hào)信息隱藏的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 詳解AngularJS中自定義過濾器
- 詳解AngularJS中$filter過濾器使用(自定義過濾器)
- AngularJS使用Filter自定義過濾器控制ng-repeat去除重復(fù)功能示例
- AngularJS 自定義過濾器詳解及實(shí)例代碼
- AngularJS自定義過濾器用法經(jīng)典實(shí)例總結(jié)
- Angularjs 依賴壓縮及自定義過濾器寫法
- AngularJS實(shí)現(xiàn)的自定義過濾器簡(jiǎn)單示例
- 簡(jiǎn)述angular自定義過濾器在頁(yè)面和控制器中的使用
- Angular.Js中過濾器filter與自定義過濾器filter實(shí)例詳解
- 詳解Angular的內(nèi)置過濾器和自定義過濾器【推薦】
- angularjs自定義過濾器demo示例
相關(guān)文章
Angluar+zorro實(shí)現(xiàn)無(wú)限級(jí)菜單
這篇文章主要為大家詳細(xì)介紹了Angluar+zorro實(shí)現(xiàn)無(wú)限級(jí)菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03angular框架實(shí)現(xiàn)全選與單選chekbox的自定義
這篇文章主要介紹了angular框架實(shí)現(xiàn)全選與單選chekbox的自定義,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07Angular2使用Angular-CLI快速搭建工程(二)
這篇文章主要介紹了Angular2使用Angular-CLI快速搭建工程(二),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05AngularJS實(shí)現(xiàn)的根據(jù)數(shù)量與單價(jià)計(jì)算總價(jià)功能示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)的根據(jù)數(shù)量與單價(jià)計(jì)算總價(jià)功能,涉及AngularJS事件響應(yīng)與數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-12-12AngularJS?的生命周期和基礎(chǔ)語(yǔ)法使用詳解
當(dāng)你在輸入框中鍵入文本時(shí),這個(gè)文本會(huì)立即反映到?testString?屬性上,反之亦然,如果你在組件類中改變?testString?的值,輸入框的內(nèi)容也會(huì)相應(yīng)更新,這篇文章主要介紹了AngularJS?的生命周期和基礎(chǔ)語(yǔ)法,需要的朋友可以參考下2024-05-05詳解angular2采用自定義指令(Directive)方式加載jquery插件
本篇文章主要介紹了詳解angular2采用自定義指令(Directive)方式加載jquery插件 ,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-02-02AngularJs ng-repeat 嵌套如何獲取外層$index
這篇文章主要介紹了AngularJs ng-repeat 嵌套如何獲取外層$index的相關(guān)資料,需要的朋友可以參考下2016-09-09