工具/材料

Sublime Text

操作方法

• 01

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

  
• 02

  接下來我們在html文件里面通過script標(biāo)簽引入angular的js腳本文件，如下圖所示

  
• 03

  然后我們在腳本標(biāo)簽里面實現(xiàn)一個控制器，并且在scope上下文中準(zhǔn)備一個列表數(shù)據(jù)，如下圖所示

  
• 04

  接下來需要準(zhǔn)備table列表，在table列表里面通過ng-repeat命令遍歷準(zhǔn)備好的數(shù)組，如下圖所示

  
• 05

  準(zhǔn)備好頁面以后，我們運行程序，你就會在頁面中看到如下圖所示的列表數(shù)據(jù)，這個數(shù)據(jù)和你剛才準(zhǔn)備時的順序是一樣的

  
• 06

  接下來我們在列表里面通過orderBy命令來對列表進行排序，這里是按年齡排序的，所以在中括號里面要跟上age字段，如下圖所示

  
• 07

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