AngularJS 是现在前端开发中比较火的 JS 框架, 他的很多特性解放了程序员很多的重复性劳动, 比如: 数据双重绑定, 页面校验等等. 下面我们来看一下如何使用 AngularJS 在 html 中进行排序.
AngularJS 在 HTML 中进行排序:
示例:
准备前台页面要显示的数据, 这里我是从后台向前台传的数据, 传的一个订单明细列表 (ddmx_ja), 其中包含了很多的商品, 商品的字段我简单的在这里列举几个:{cpmc:"商品一" , ppmc:"品牌一" , dj:99 , sl:10}
前台获取到这个订单明细列表以后, 下面就是在 HTML 中通过运用 AngularJS 的 ng-repeat 来循环产品进行展示
但是, 在实际的开发中我们往往会希望产品列表按照某个字段进行降序或者升序的排列. 以前我们都是通过 sql 来完成这个操作
现在 AngularJS 完全可以代替 sql 的升序或者降序操作, 比如在上述产品列表中我要按照产品单价降序排列, 这个时候只要如下写法即可, 注意: orderBy 后面的字段一定包括在单引号里面
如果要升序排序怎么办那? 很简单, 就是加一个 '-' 符号就可以了, 如下所示:
按照单价, 数量 一起排序, 那就需要像下面这样写了:
来源: http://www.css88.com/qa/angular-js/12007.html