Angular如何進行列表排序
2022-02-23
工具/材料
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
最后我們重新運行頁面,你就會看到列表里面的數據已經按照年齡從小到大進行排列了,如下圖所示
詞條內容僅供參考,如果您需要解決具體問題
(尤其在法律、醫學等領域),建議您咨詢相關領域專業人士。