使用过滤器

过滤器在数据从作用域传递到指令上时进行转换,但并不改变源数据,这允许在视图中显示时能够灵活地格式化或者转换数据。

AngularJS具有两种类型的内置过滤器:一类是对单个数据进行操作的,另一类是对数据集合进行操作的。

一、过滤单个数据的值

用于单个数据的内置过滤器

currency 对货币值进行格式化,在过滤器名之后添加冒号:,然后添加一个字符串表示想替换成的符号,比如英镑符号。

date 对日期值进行格式化,这个日期可以是字符串,js日期对象或者毫秒数等等。使用这个过滤器时,需要指定过滤器名date,之后跟一个冒号,再然后是一个格式化字符串,由要显示的各个日期成分组成。如data|date:"dd MMM yy"或者 data|date:"shortDate".shortDate是date过滤器的格式字符串,这是date过滤器所支持的常用日期表达式的几个快捷格式之一。快捷格式字符串表见P340.

json 从JS对象创建json字符串,例如data|json。

number 对数字值进行格式化,调整小数位数,根据需要进行四舍五入。应用这个过滤器时,只需使用竖线符号和过滤器名,然后是一个冒号和要显示的小数位数,number过滤器会自动在千分位处插入逗号。data|number:2 保留两位小数

uppercase/lowercase 将字符串格式化为全部大写或者全部小写,例如data|uppercase.

本地化过滤器输出

currency、number和date过滤器都支持使用本地化规则对数据进行格式化,规则定义在本地化文件中。

二、过滤集合

2.1 限制项目数量limitTo

limitTo过滤器可以限制从一个数据对象构成的数组中取出的项目的数量,这在一个仅能容纳一定数量项目的页面中尤为有用。

limitTo过滤器配置为一个整数,例如data|limitTo:5,过滤器会从数组中选出

时间: 2024-08-04 13:26:14

使用过滤器的相关文章

webapi 如何添加过滤器,并在过滤器中获取客户端传过来的参数

给控制器下的行为添加过滤器 新建一个类ActionFilter 名字随便取,然后让他集成ActionFilterAttribute并实现虚方法,虚方法有好几种,我使用的是进入方法之前的,如需了解更多虚方法,点击这里 public class ActionFilter : ActionFilterAttribute { public override void OnActionExecuting(System.Web.Http.Controllers.HttpActionContext actio

java web 过滤器跟拦截器的区别和使用

1.首先要明确什么是拦截器.什么是过滤器 1.1 什么是拦截器: 拦截器,在AOP(Aspect-Oriented Programming)中用于在某个方法或字段被访问之前,进行拦截然后在之前或之后加入某些操作.拦截是AOP的一种实现策略. 在Webwork的中文文档的解释为--拦截器是动态拦截Action调用的对象.它提供了一种机制可以使开发者可以定义在一个action执行的前后执行的代码,也可以在一个action执行前阻止其执行.同时也是提供了一种可以提取action中可重用的部分的方式.

AngularJs自定义过滤器filter

AngularJs自带有很多过滤器,现在Insus.NET演示一个自定义的过滤器,如实现一个数据的平方. 本演示是在ASP.NET MVC环境中进行. 创建一个app: 创建一个控制器: 接下来是重点,创建一个过滤器,例子中的过滤器是实现一个数值的平方. 以上的所指的App,控制器和过滤器均是依Angularjs而言. 下面是ASP.NET MVC的视图,实现数据过滤: 程序运行结果:

hbase过滤器(1)

最近在公司做hbase就打算复习下它的过滤器以便不时之需,RowFilter根据行键(rowkey)筛选数据 public void filter() throws IOException { Filter rf = new RowFilter(CompareFilter.CompareOp.LESS, new BinaryComparator(Bytes.toBytes("35643b94-b396-4cdc-abd9-029ca495769d"))); Scan s = new S

Java Web开发——Filter过滤器

一.过滤器 1.1定义 过滤器是一个服务器端的组件,它可以截取用户端的请求与响应信息,并对这些信息进行过滤. 1.2工作原理 1.项目启动时,从Web容器中加载过滤器: 2.过滤器存在于用户请求和Web资源之间: 3.用户请求和Web响应之间的收发都经由过滤器按照过滤规则进行过滤筛选. 1.3过滤器的生命周期 实例化(web.xml加载)→初始化(init方法)→过滤(doFilter方法)→销毁(destroy方法) 1.初始化:当容器第一次加载该过滤器时,init() 方法将被调用.该类在这

【JavaWeb学习】过滤器Filter

一.简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件或静态 html 文件等进行拦截,从而实现一些特殊的功能.例如实现URL级别的权限访问控制.过滤敏感词汇.压缩响应信息等一些高级功能. Servlet API中提供了一个Filter接口,开发web应用时,如果编写的Java类实现了这个接口,则把这个java类称之为过滤器Filter.通过Filter技

Java web--Filter过滤器分IP统计访问次数

分IP统计访问次数即网站统计每个IP地址访问本网站的次数. 分析 因为一个网站可能有多个页面,无论哪个页面被访问,都要统计访问次数,所以使用过滤器最为方便. 因为需要分IP统计,所以可以在过滤器中创建一个Map,使用IP为key,访问次数为value.当有用户访问时,获取请求的IP,如果IP在Map中存在,说明以前访问过,那么在访问次数上加1,即可:IP在Map中不存在,那么设置次数为1. 那么问题来了! 问题一:为什么使用Map存放? Map是一个由键值对组成的数据结构,其中所有的key组成一

MVC过滤器详解

APS.NET MVC中(以下简称“MVC”)的每一个请求,都会分配给相应的控制器和对应的行为方法去处理,而在这些处理的前前后后如果想再加一些额外的逻辑处理.这时候就用到了过滤器. MVC支持的过滤器类型有四种,分别是:Authorization(授权),Action(行为),Result(结果)和Exception(异常).如下表, 过滤器类型 接口 描述 Authorization IAuthorizationFilter 此类型(或过滤器)用于限制进入控制器或控制器的某个行为方法 Exce

Filter简单过滤器的实现

1.过滤器简单编写 package cn.buaa.core.filter; import java.io.IOException; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConfig; import javax.servlet.ServletException; import javax.servlet.ServletRequest; import ja

ng中的过滤器

angular中对输出的值提供过滤器,用法如下: {{name | currency:"¥"}}</p> 这是在在html中的用法,用 | 来添加过滤器,过滤器后面通过 : 来添加相应的一些参数,angular内置的过滤器有 currency  number  lowercase/uppercase  json  limitTo  date  orderBy  filter 在js中的用法: m1.controller('Aaa',['$scope','$filter',f