Angular如何进行列表排序
工具/材料
崇高的文本
操作方法 01
打开Sublime Text软件,新建目录结构,在目录中添加angular js库文件和html文件,如下图所示。
02
接下来我们通过script标签将angular js脚本文件引入html文件,如下图所示。
03
然后我们在脚本标签中实现一个控制器,并在作用域上下文中准备一个列表数据,如下图所示。
04
接下来需要准备表列表,通过ng-repeat命令遍历表列表中准备好的数组,如下图所示。
05
页面准备就绪后,我们运行程序,您将在页面中看到下图所示的列表数据。这些数据的顺序与您刚准备时的顺序相同。
06
接下来我们通过列表中的orderBy命令对列表进行排序,这个命令是按年龄排序的,所以要跟上括号中的年龄字段,如下图所示。
07
最后,当我们重新运行页面时,您会看到列表中的数据已经按照年龄进行了排列,如下图所示。