您现在的位置是: 首页 » 网页代码 » angularjs如何在html中进行排序
网页代码

angularjs如何在html中进行排序

网站优化小编十一月 28, 2019 9人已围观

Angularjs是现在前端开发中比较火的JS框架,他的很多特性解放了程序员很多的重复性劳动,比如:数据双重绑定,页面校验等等。下面我们来看一下如何使用angularjs在html中进行排序。

网站运营中栏目排名优化技巧

angularjs在html中进行排序:

示例:

准备前台页面要显示的数据,这里我是从后台向前台传的数据,传的一个订单明细列表(ddmx_ja),其中包含了很多的商品,商品的字段我简单的在这里列举几个:{cpmc:”商品一” , ppmc:”品牌一” , dj:99 , sl:10}

网站运营中栏目排名优化技巧

前台获取到这个订单明细列表以后,下面就是在html中通过运用angularjs的ng-repeat来循环产品进行展示

网站运营中栏目排名优化技巧

但是,在实际的开发中我们往往会希望产品列表按照某个字段进行降序或者升序的排列。以前我们都是通过sql来完成这个操作

网站运营中栏目排名优化技巧

现在angularjs完全可以代替sql的升序或者降序操作,比如在上述产品列表中我要按照产品单价降序排列,这个时候只要如下写法即可,注意:orderBy后面的字段一定包括在单引号里面

网站运营中栏目排名优化技巧

如果要升序排序怎么办那?很简单,就是加一个 ‘-’ 符号就可以了,如下所示:

网站运营中栏目排名优化技巧

按照单价、数量 一起排序,那就需要像下面这样写了:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:222天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:3011 条
  • 文章评论:17 条
  • 微信公众号:扫描二维码,关注我们