Angular如何进行列表排序
我们使用Angular的时候,经常会使用列表来展示数据 。那么如何在Angular列表里进行排序呢?下面小编通过实例给大家讲解一下 。
工具/材料
SublimeText
打开SublimeText软件,新建一个目录结构,在目录里面添加angular的js库文件和html文件,如下图所示
【Angular如何进行列表排序】
接下来我们在html文件里面通过script标签引入angular的js脚本文件,如下图所示然后我们在脚本标签里面实现一个控制器,并且在scope上下文中准备一个列表数据,如下图所示
接下来需要准备table列表,在table列表里面通过ng-repeat命令遍历准备好的数组,如下图所示
准备好页面以后,我们运行程序,你就会在页面中看到如下图所示的列表数据,这个数据和你刚才准备时的顺序是一样的
接下来我们在列表里面通过orderBy命令来对列表进行排序,这里是按年龄排序的,所以在中括号里面要跟上age字段,如下图所示
最后我们重新运行页面,你就会看到列表里面的数据已经按照年龄从小到大进行排列了,如下图所示
- 《中国哲学如何登场》读后感摘抄
- 电视柜|电视柜如何选择尺寸
- 德祐的门店复制模式——如何快速培养人才? 薄荷曼哥
- 如何看出一个女生慢慢不喜欢你了
- 中介|中介如何知道你跳单了
- 如何阅读德里达读后感精选
- 如何阅读福柯的读后感大全
- 猫|如何布置猫的房间
- 专注力:如何高效做事读后感精选
- 如何阅读克尔凯郭尔的读后感大全