Angular如何进行列表排序
几分壮志豪情
好评回答
01
我们使用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最后我们重新运行页面,你就会看到列表里面的数据已经按照年龄从小到大进行排列了,如下图所示
几分壮志豪情 2023-03-18 21:34:46
本网站引用、摘录或转载上述内容仅供网站访问者交流或参考,文中观点或信息与爱问公司无关,与之相关的任何事务以及法律责任均与爱问公司无关。
最新回答 换一换
1
问:内蒙古草原有哪些草原
答:
答:贡格尔草原、乌兰布统草原、锡林郭勒草原、辉腾锡勒草原、希拉穆仁草原、葛根塔拉草原、鄂尔多斯草原、科尔沁草原、呼伦贝尔草原。内蒙古草原是指以北部呼伦贝尔为中心的大兴安岭西麓林缘草甸草场,也是目前中国最佳的天然牧场之一,更是一处旅游胜地。西部是黄沙浩瀚的戈壁荒漠地带,高原上的大漠驼影,与草原的翠绿草色相映成趣。
2
i0s是什么意思 2020-01-07
3
每一年的结婚名字叫什么 2019-12-03
4
东北有俄罗斯族吗 2022-03-01
5
什么是省控线什么是投档线 2020-07-21
相关推荐
自考本科算同等学力吗
同等学力是指未取得国家承认的本科学历,但业务水平能达到或基本达到本科毕业生水平的生源。凡不持有国家教育部承认的本科毕业证书的考生,均属同等学力。自考本科就是本科,不是同等学力...
详情>
提问时间:2019-11-15
软实力现代化的一项是
软实力现代化的一项是国家治理体系和治理能力现代化,软实力是相对于国内生产总值、城市基础设施等硬实力而言的,是指一个国家的文化、价值观念、社会制度等影响自身发展潜力和感召力的因...
详情>
提问时间:2020-06-23
天天炫斗转职后武器在哪里换
可以转职的武器,会随着职业一起变,而一些提示不能转职的武器,你再想要转就麻烦了,武器的转职是在南海副本的入口右下角有个小巫师可以兑换本职业武器,但是材料贵的夸张。《天天炫斗》...
详情>
提问时间:2020-07-20
雾霾和雾有什么区别吗
雾:是指在接近地球表面的大气中悬浮的由小水滴或冰晶组成的水汽凝结物,是一种常见的天气现象。霾:指在近地面的空气中,有大量尘埃或烟屑浮游在空中,令能见度下降。霾有损健康,吸入过...
详情>
提问时间:2019-12-04
眼见为实,耳听为虚的意思是什么,比喻什么
耳听为虚,眼见为实意思是:听来的传闻是靠不住的,亲眼看到才算是真实的。比喻不要轻信传闻,看到的才是事实。谓亲眼看见的事情,比听说的要真实可靠。感性认识是对现象的认识,可以凭人...
详情>
提问时间:2020-06-22
罐头里面有没有防腐剂
罐头里面没有防腐剂,因为罐头不需要防腐剂。经过一定时间的高温加热,罐头中的微生物被杀光;同时因为已经密封,环境中的微生物也无法进入罐内,由于控制了微生物,因此罐头食品可以长期...
详情>
提问时间:2021-12-26