angularjs 自定义过滤器filter和用法
自定义过滤器例子:
//创建一个sqhApp模块 var app = angular.module("sqhApp",["ionic"], function($httpProvider) {}); //sqhApp模块下创建一个过滤器replaceStr,filter的第二个参数方法是没有任何参数的 angular.module("sqhApp").filter('replaceStr', function () { /** * input 前一个命令的输入,需要处理的字符串 * startNum 第一个字符串的起始位置 * endNum 最后一个字符串的位置 * charCode 被替换字母 */ return function (input, startNum, endNum, charCode) { //如果没有数据的时候,则返回空字符串 if (input == undefined || input == "") { return ""; } //没有指定隐藏显示的类型,则默认是* if (charCode == undefined || charCode == "") { charCode = "*"; } var strArray = input.split(""); //console.log(strArray); for (var i = startNum - 1; i < endNum; i++) { strArray[i] = charCode; } return strArray.join(""); } })
自定义的过滤器一定要判断输入的参数,否则,如果在数据没有的情况下左处理,会出现逻辑错误!
使用过滤器方法:
使用“|”作为过滤器方法的引用
<div class="item item-icon-left item-icon-right" ng-click="editPhone()"> <i class="icon" style="font-size: 16px;">手机号码</i> <h3 class="text-right color_99"> <!-- replaceStr过滤器方法传递4和7两个参数分别对应startNum和endNum --> {{formData.mobile | replaceStr:4:7}}</h3> <i class="icon ion-ios-arrow-right color_99"></i> </div>
相关推荐
QiaoranC 2020-09-25
颤抖吧腿子 2020-09-04
liduote 2020-06-16
阿斌Elements 2020-06-11
xxuncle 2020-06-05
ChinaGuanq 2020-06-05
wanghongsha 2020-03-26
csm0 2020-03-05
shyoushine 2020-02-25
electronvolt 2020-02-12
jsonwoo 2020-01-20
ZadarrienChina 2020-01-07
wwwxuewen 2020-01-04
dynsxyc 2020-01-03
liangjielaoshi 2019-12-27
bowean 2019-12-27
wwwxuewen 2019-12-25
liwusen 2019-12-16
颤抖吧腿子 2019-12-16