DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

angularjs如何在html中进行排序?

  • angularjs如何在html中进行排序?

  • 已被浏览: 83 次2020年09月04日    来源:  https://www.dmozdir.org/
  • angularjs在html中进行排序的方法:可以使用orderBy直接进行排序。注意:orderBy后面的字段一定包括在单引号里面。排序后可以使用ng-repeat来循环输出数据。
    Angularjs是现在前端开发中比较火的JS框架,他的很多特性解放了程序员很多的重复性劳动,比如:数据双重绑定,页面校验等等。下面我们来看一下如何使用angularjs在html中进行排序。

    angularjs在html中进行排序:

    示例:

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

    1 (2).jpg

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

    2.jpg

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

    3.jpg

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

    4.jpg

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

    5.jpg

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

    6.jpg

    以上就是angularjs如何在html中进行排序?的详细内容,更多请关注DMOZ中文网站分类目录其它相关文章!


    以上信息来源于网络,如有侵权,请联系站长删除。

    TAG:angularjs

  • 上一篇:如何封装angular组件?
  • 与“angularjs如何在html中进行排序?”相关的资讯
  • AngularJS和角2+:一个详细的比较
  • 易AngularJS认证与Auth0
  • 奥里利亚VS AngularJS 1.x的 - 一个功能的功能比较
  • 简介AngularJS风格指南
  • 掌握在AngularJS $腕表