【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 观点 » 正文

怎么将列表里的数据排序(列表中元素进行排序使用哪个函数)

放大字体  缩小字体 发布日期:2022-07-14 13:35:00    浏览次数:17

我们使用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 最后我们重新运行页面,你就会看到列表里面的数据已经按照年龄从小到大进行排列了,如下图所示

 
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-3798649.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4