Angular如何进行列表排序
我们使用Angular的时候，经常会使用列表来展示数据。那么如何在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
最后我们从头运行页面，你就会看到列内外面的数据已经按照春秋从小到猛进行摆列了，如下图所示
- End
- 发表于 2018-04-26 00:00
- 阅读 ( 963 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章