排行时报

Angular如何进行列表排序

科技数码  2022-12-26 14:09:42  热度:65℃

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

最近更新

  • 怎么将wps输出为pdf的文字水印设置为单行

    怎么将wps输出为pdf的文字水印设置为单行

    2025-04-26745阅读

  • Ubuntu 20.04新增仓颉输入法

    Ubuntu 20.04新增仓颉输入法

    2025-04-26705阅读

  • 950显卡能吃鸡吗

    950显卡能吃鸡吗

    2025-04-27879阅读

  • 扫描件是什么格式的

    扫描件是什么格式的

    2025-04-26729阅读

  • win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    win7怎么设置屏幕休眠密码(win7屏幕保护设置密码)

    2025-04-26788阅读

  • 电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    电脑怎么删除桌面图标 笔记本电脑如何删除桌面上的图标

    2025-04-26789阅读

  • 怎么用vlookup匹配数据?

    怎么用vlookup匹配数据?

    2025-04-26670阅读

  • 嗜睡说明了什么问题

    嗜睡说明了什么问题

    2022-12-21878阅读

  • 入睡很困难该怎么办

    入睡很困难该怎么办

    2022-12-20926阅读

  • 发质不好可以怎么办

    发质不好可以怎么办

    2022-12-21921阅读

  • 精选专题