Angular如何进行列表排序

昭陵六骏2022-06-21  11

Angular如何进行列表排序 工具/材料

崇高的文本

操作方法 01

打开Sublime Text软件,新建目录结构,在目录中添加angular js库文件和html文件,如下图所示。

02

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

03

然后我们在脚本标签中实现一个控制器,并在作用域上下文中准备一个列表数据,如下图所示。

04

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

05

页面准备就绪后,我们运行程序,您将在页面中看到下图所示的列表数据。这些数据的顺序与您刚准备时的顺序相同。

06

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

07

最后,当我们重新运行页面时,您会看到列表中的数据已经按照年龄进行了排列,如下图所示。

转载请注明原文地址:https://juke.outofmemory.cn/read/399353.html

最新回复(0)