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
- 閱讀 ( 966 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章