我们使用Angular的时候 ， 经常会使用列表来展示数据 。 那么如何在Angular列表里进行排序呢？下面小编通过实例给大家讲解一下 。 东西/材料 Sublime Text
操作方式 01 打开Sublime Text软件 ， 新建一个目次布局 ， 在目次里面添加angular的js库文件和html文件 ， 如下图所示
文章插图
02 接下来我们在html文件里面经由过程script标签引入angular的js剧本文件 ， 如下图所示
文章插图
03 然后我们在剧本标签里面实现一个节制器 ， 而且在scope上下文中筹办一个列表数据 ， 如下图所示
文章插图
04 接下来需要筹办table列表 ， 在table列内外面经由过程ng-repeat号令遍历筹办好的数组 ， 如下图所示
文章插图
05 筹办好页面今后 ， 我们运行法式 ， 你就会在页面中看到如下图所示的列表数据 ， 这个数据和你适才筹办时的挨次是一样的
文章插图
06 接下来我们在列内外面经由过程orderBy号令来对列表进行排序 ， 这里是按春秋排序的 ， 所以在中括号里面要跟上age字段 ， 如下图所示
文章插图
07 【Angular如何进行列表排序】最后我们从头运行页面 ， 你就会看到列内外面的数据已经按照春秋从小到猛进行摆列了 ， 如下图所示
文章插图
以上内容就是Angular如何进行列表排序的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- U盘如何快速修复
- 键盘坏了，如何开启软键盘？
- 如何破解windows系统的登陆密码？
- 如何给宝宝做美味的辅食
- 如何解决孩子晚上怕黑不敢一个人单独睡觉的问题
- 如何鉴别翡翠的好坏？
- 生肖相冲如何化解？
- 如何删除尾注格式中的横线？
- QQ如何查看别人的历史签名
- 视频文件如何转换音频mp3