Angular过滤器

本文详细介绍了AngularJS中内置过滤器的应用场景,如货币、日期、排序等,并讲解了如何自定义过滤器来满足特定需求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

AngularJS过滤器应用场景:

      主要用在数据的格式化上,例如获取数组中的子集,对数组中的元素进行排序等。Ng内置了一些过滤器,它们是currency(货币)、date(日期)、filter(子串匹配)、limitTo(限制个数)、lowercase(小些)、uppercase(大写)、number(数字)、order By(排序)总共9种,除此之外,还可以自定义过滤器,这个就强大了,可以满足任何要求的数据处理

1.1.1  currency:货币处理 数据|currency:"$"

1.1.2  uppercase:转为大写 数据|uppercase

1.1.3  lowercase:小写

1.1.4  date: 数据|date:"yyyy-MM-dd hh:mm:ss" 日期 ng提供的date过滤器基本可以满足一般的格式化要求;

1.1.5  limitTo:取前几个 或者后几个 数据|limitTo:2 数据|limitTo:-2

1.1.6  filter : 用来处理一个数组,然后过滤出含有某个字符串的元素,作为子数组返回(模糊查找)

1.2   orderBy排序: 升序 数组|orderBy: '':false;

1.2.1  orderBy的各种排序方式

 

自定义

1.1.7  自定义过滤器:

把输入是字符串首字母大写

angular.module("gaoyn",[]).filter("过滤器的名字",function(){

return function(input){ //input--->输入参数值

return "";

}

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值