日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

Angular如何進(jìn)行列表排序

云知道

工具/材料SublimeText
操作方法01、打開(kāi)SublimeText軟件，新建一個(gè)目錄結(jié)構(gòu)，在目錄里面添加angular的js庫(kù)文件和html文件，如下圖所示

Angular如何進(jìn)行列表排序


02、接下來(lái)我們?cè)趆tml文件里面通過(guò)script標(biāo)簽引入angular的js腳本文件 ， 如下圖所示
03、然后我們?cè)谀_本標(biāo)簽里面實(shí)現(xiàn)一個(gè)控制器，并且在scope上下文中準(zhǔn)備一個(gè)列表數(shù)據(jù)，如下圖所示
04、接下來(lái)需要準(zhǔn)備table列表，在table列表里面通過(guò)ng-repeat命令遍歷準(zhǔn)備好的數(shù)組，如下圖所示
05、準(zhǔn)備好頁(yè)面以后，我們運(yùn)行程序，你就會(huì)在頁(yè)面中看到如下圖所示的列表數(shù)據(jù)，這個(gè)數(shù)據(jù)和你剛才準(zhǔn)備時(shí)的順序是一樣的
06、接下來(lái)我們?cè)诹斜砝锩嫱ㄟ^(guò)orderBy命令來(lái)對(duì)列表進(jìn)行排序，這里是按年齡排序的 ， 所以在中括號(hào)里面要跟上age字段，如下圖所示
【Angular如何進(jìn)行列表排序】07、最后我們重新運(yùn)行頁(yè)面，你就會(huì)看到列表里面的數(shù)據(jù)已經(jīng)按照年齡從小到大進(jìn)行排列了，如下圖所示

    推薦閱讀