Angular如何进行列表排序

我们使用Angular的时候,经常会使用列表来展示数据。那么如何在Angular列表里进行排序呢?下面小编通过实例给大家讲解一下。

操作方法

  • 01

    打开Sublime Text软件,新建一个目录结构,在目录里面添加angular的js库文件和html文件,如下图所示

  • 02

    接下来我们在html文件里面通过script标签引入angular的js脚本文件,如下图所示

  • 03

    然后我们在脚本标签里面实现一个控制器,并且在$scope上下文中准备一个列表数据,如下图所示

  • 04

    接下来需要准备table列表,在table列表里面通过ng-repeat命令遍历准备好的数组,如下图所示

  • 05

    准备好页面以后,我们运行程序,你就会在页面中看到如下图所示的列表数据,这个数据和你刚才准备时的顺序是一样的

  • 06

    接下来我们在列表里面通过orderBy命令来对列表进行排序,这里是按年龄排序的,所以在中括号里面要跟上age字段,如下图所示

  • 07

    最后我们重新运行页面,你就会看到列表里面的数据已经按照年龄从小到大进行排列了,如下图所示

(0)

相关推荐

  • python教程:[74]列表排序

    列表排序,做数据经常用到的一个方法,在python中想实现排序有时候觉得挺难,比如按照行排序或按照列排序,写起来都不简单,今天在这里总结一下在python中实现排序的所有方法,如有不全,请下面留言. ...

  • 如何在Microsoft Excel中给一列表排序

    本文讲述了如何使用Microsoft Excel给一列表排序的基础只是.只需按照这些简单的步骤来给你的列表重新排序.只要你需要,任何时候都行.本文中的例子使用了一个简单的列表,但是这里说的原理也同样适 ...

  • Excel添加“编辑自定义列表”--自定义排序依据

    在实际工作中,Excel默认的排序方式(默认按照排序字段英文字母升降序)往往差强人意,无法满足工作需要.比如,公司通讯录,需要按照部门(董事会.总裁办.行政部.财务部-).职务级别高低等进行排序.这篇 ...

  • Python list列表怎样排序

    Python list列表也是Python编程语言中的比较重点的知识.今天小编我就教教大家关于Python list列表的排序方法,主要是sort和reverse. 操作方法 01 如图所示,这是小编 ...

  • 如何对C#列表/数组进行排序 [Sort]

    c#编程中,经常遇到排序的工作,比如用户输入的一组人员的年龄列表需要按照年龄大小排序.或者需要按照销售人员的销售额排序等等,下面介绍一下如何对列表进行排序的处理方法. 方法/步骤1 01 打开Micr ...

  • 手机QQ如何设置好友按字母排序?

    手机QQ好友排序其实是可以微信一样按照字母排列的,现在我就一步步的演示给大家如何操作,希望对你有所帮助! 操作方法 01 下载安装并登陆你的QQ账户页面 02 点击头像,选择设置 03 点击" ...

  • SQL查询:[3]查询结果排序

    在执行查询结果时,默认情况下查询结果无序排列.但我们有时需要对数据按一定规则进行排序.这时可以通过ORDER BY子句来实现这个功能.语法如下: SELECT <*,column [alias] ...

  • rank函数排序怎么用(怎么利用rank函数从大到小排名)

    在 Excel 中,Rank函数用于实现一个数字在指定数字列表中的排位,并且可以通过拖动的办法实现对整个数字列表的自动排序.Rank函数共有三个参数,前两个为必选项,后一个为可选项:如果省略可选项,将 ...

  • 如何使用WPS素材?

    复制: 1.列表排序方式:鼠标指向该素材,单击列表右侧出现的复制图标,复制成功后,粘贴到所需的地方 在线素材: 我的素材: 2.缩略图排序方式:鼠标指向该素材,单击鼠标右键,选择复制,复制成功后,粘贴 ...