Angular如何进行列表排序

 时间:2024-10-13 05:58:05

1、打开Sublime Text软件,新建一个目录结构,在目录里面添加angular的js库文件和html文件,如下图所示

Angular如何进行列表排序

2、接下来我们在html文件里面通过script标签引入angular的js脚本文件,如下图所示

Angular如何进行列表排序

3、然后我们在脚本标签里面实现一个控制器,并且在scope上下文中准备一个列表数据,如下图所示

Angular如何进行列表排序

4、接下来需要准备table列表,在table列表里面通过ng-repeat命令遍历准备好的数组,如下图所示

Angular如何进行列表排序

5、准备好页面以后,我们运行程序,你就会在页面中看到如下图所示的列表数据,这个数据和你刚才准备时的顺序是一样的

Angular如何进行列表排序

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

Angular如何进行列表排序

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

Angular如何进行列表排序
  • jquery怎样设置a标签的字体颜色?
  • DOTA2剃刀出什么装备
  • 碧蓝航线阿尔及利亚怎么获得
  • 王者荣耀法师怎么克制
  • 伊洛纳中如何打造物品和装备?
  • 热门搜索
    鲨鱼怎么做好吃 烬怎么读 肝区疼痛是怎么回事 柱状图怎么做 精神分裂症怎么治疗 基围虾怎么做好吃 香椿怎么做好吃 猪肝怎么做好吃 怎么文爱 晒伤了怎么办