工具/材料

Sublime Text

操作方法

• 01

  打開(kāi)Sublime Text軟件，新建一個(gè)目錄結(jié)構(gòu)，在目錄里面添加angular的js庫(kù)文件和html文件，如下圖所示

  
• 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字段，如下圖所示

  
• 07

  最后我們重新運(yùn)行頁(yè)面，你就會(huì)看到列表里面的數(shù)據(jù)已經(jīng)按照年齡從小到大進(jìn)行排列了，如下圖所示