angular怎么进行列表排序

关注:30 发布时间:2021-06-27 14:53:01

导语本文整理了angular怎么进行列表排序经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

需要准备的物品

升华文本

详细介绍方法/步骤

打开升华文字软件,新建一个目录结构,在目录中添加angular js库文件和html文件。

接下来,我们通过脚本标签将angular js脚本文件引入html文件,如下图所示

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

接下来,您需要准备表列表,并通过表列表中的ng-repeat命令遍历准备好的数组,如下图所示

准备好页面后,我们运行程序,您会在页面上看到下图所示的列表数据,其顺序与您刚才准备时的顺序相同

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

比较后,我们重新运行页面,您会看到列表中的数据已经按照年龄从小到大进行了排列,如下图所示

猜你喜欢

热门it技术经验

360微商频道查询入口