orderBy 过滤器

orderBy 过滤器根据表达式排列数组:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="IE=edeg" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
<![endif]-->
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<div data-ng-app="myApp"data-ng-controller="namesCtrl">
<ul>
<li data-ng-repeat="x in names | orderBy:‘name‘"> <!--orderBy过滤器将数组按某个表达式进行排序-->
{{x.name+" "+x.age}}
</li>
</ul>

</div>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script src="js/namesCtrl.js">
</script>
</body>
</html>

时间: 2024-10-05 08:12:12

orderBy 过滤器的相关文章

angular中的orderBy过滤器使用

一  orderBy过滤器 AngularJS中orderBy进行排序,第一个参数可以有三种类型,分别为:function,string,array: 第一种:function,如果是function,那么function函数会遍历待排序的数组,并将返回的结果作为angular库函数中comparator的参数,进行比较排序. 第二种:如果是字符串,假如待排序的数组为对象,那么将会按照待排序数组中的每个对象的对应属性值,进行排序.如果字符串前边加有“+”,“-”符号,那么+表示升序排序,-表示降

AangularJS过滤器详解

(参考angular权威指南) 过滤器:   用来格式化需要展示给用户的数据: 使用过滤器的方式: (1)$scope.name=$filter("lowercase").("Ariarme"); (2)以HTML形式使用过滤器:如果传递参数只要在过滤器名字后面加冒号,有多个参数,可以在每个参数后面都加入冒号: {{123.456789 | number:2}}  限制小数点的位数-----显示为123.46(四舍五入) (3)用 | 符号作为分隔符来同时使用多个过

AngularJS 霸道的过滤器

学习要点 为什么使用过滤器 过滤单个数据的值 格式化货币值 格式化数字值 格式化日期 改变字符串大小写 生成JSON 本地化过滤器输出 过滤集合 限制项目数量 选取项 对项目排序 链式过滤器 自定义过滤器 创建格式化数据值的过滤器 创建集合过滤器 在已有过滤器上搭建新的过滤器 一.为什么使用过滤器? 在实际操作中,我们需要对统一数据源进行多次转换,比如我的货币单位,在不同的国家我们将用不同的符号表示.因此,你可能会想到在控制器中判断国家以显示不同的结果,但是过滤器却可以更好的帮助我们做到同样的效

走进AngularJs(七) 过滤器(filter) - 吕大豹

时间 2013-12-15 16:22:00  博客园-原创精华区 原文  http://www.cnblogs.com/lvdabao/p/3475426.html 主题 AngularJS 过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果.主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等.ng内置了一些过滤器,它们是:currency(货币).date(日期).filter(子串匹配).json(格式化json对象).

AngularJS 过滤器(filter)

过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果.主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等.ng内置了一些过滤器,它们是:currency(货币).date(日期).filter(子串匹配).json(格式化json对象).limitTo(限制个数).lowercase(小写).uppercase(大写).number(数字).orderBy(排序).总共九种.除此之外还可以自定义过滤器,这个就强大了,可以满足任何

AngularJS提供的内置过滤器

1. currencycurrecy过滤器可以将一个数值格式化为货币格式.用{{ 123 | currency }}来将123转化成货币格式.currecy过滤器允许我们自己设置货币符号.默认情况下会采用客户端所处区域的货币符号,但是也可以自定义货币符号.2. datedate过滤器可以将日期格式化成需要的格式.AngularJS中内置了几种日期格式,如果没有指定使用任何格式,默认会采用mediumDate格式,下面的例子中展示了这个格式.下面是内置的支持本地化的日期格式: {{ today |

Vue.js 自定义过滤器

过滤器,本质上就是一个函数.其作用在于用户输入数据后,它能够进行处理,并返回一个数据结果. Vue.js 与 AngularJS 中的过滤器语法有些相似,使用管道符(|)进行连接,代码示例如下: {{'abc' | uppercase}}    'abc' => 'ABC' 这里使用了Vue.js 内置的过滤器 uppercase,将字符串中的字母全部转换成大写形式. Vue.js 支持在任何出现表达式的地方添加过滤器,除了上面例子中的 双大括号 表达式之外,还可以在绑定指令的表达式后调用,代码

anjularjs 过滤器

过滤器:过滤器可以使用一个管道字符(|)添加到表达式和指令中.多个过滤器时也是用 (|) 隔开 Angualrjs 过滤器可以用于转换数据 currency:格式化数字为货币格式 filter:从数组项中选择一个子集:筛选 lowercase:格式化字符串我小写 uppercase :格式化字符串为大写 orderby :根据某个表达式排列数组 currency过滤器 <div ng-app="myApp" ng-controller="costCtrl"&g

AngularJS的除date外的其它 过滤器

注:该文是读书笔记,并非原创! 1. currency过滤器 currecy 过滤器可以将一个数值格式化为货币格式.用 {{ 123 | currency }} 来将123转化 成货币格式. currecy 过滤器允许我们自己设置货币符号.默认情况下会采用客户端所处区域的货币符号, 但是也可以自定义货币符号. 2. filter过滤器 filter 过滤器可以从给定数组中选择一个子集,并将其生成一个新数组返回.这个过滤器通 常用来过滤需要进行展示的元素.例如,在做客户端搜索时,可以从一个数组中立