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> 
相关推荐
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