Angular如何进行列表排序

来自优酷网https://www.youku.com/的优秀用户内涵图片研究所，于2018.04.27 12:11:59在经验百科知识平台总结分享了一篇关于“Angular如何进行列表排序父亲”的百科，非常感谢Array的辛苦付出，他总结的解决技巧方法及常用办法如下：

工具/材料

SublimeText

操作方法

• 01

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

  
• 02

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

  
• 03

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

  
• 04

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

  
• 05

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

  
• 06

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

  
• 07

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