加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs 自定义过滤器filter和用法

发布时间:2020-12-17 09:58:55 所属栏目:安全 来源:网络整理
导读:自定义过滤器例子 : //创建一个sqhApp模块var app = angular.module("sqhApp",["ionic"],function($httpProvider) {});//sqhApp模块下创建一个过滤器replaceStr,filter的第二个参数方法是没有任何参数的angular.module("sqhApp").filter('replaceStr',func

自定义过滤器例子

//创建一个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>
  • 大小: 8.3 KB
  • 查看图片附件

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读