快好知 kuaihz

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词条  进行  进行词条  如何  如何词条  列表  列表词条  
上网

 天翼网关有wifi信号,但不能上...

现在是信息时代,人们已经是离不开网络了,没有了网络感觉就是寸步难行。现在的天翼网关,也叫光猫,都自带WiFi功能,不用外加路由器也可以使用WiFi。但是有时候天...(展开)

上网

 必备的下载软件 EagleGet...

大家还记得迅雷5吗?当初的迅雷5说起来是我非常喜欢的下载软件,但是如今的迅雷,我已经找不到以前的感觉了,为什么的话我就不说了。下载软件我接触过迅雷、快车、电驴、...(展开)