使用angularJS在表格中排行或列表

Question

我一直在使用AngularJS手動排列表格中的列。現在我遇到了問題，我需要以非常特定的方式排序行（非常像列）。與其讓Html中的表格變得龐大，我更願意問問是否有方法可以在.js腳本中定義一個數組，並根據這些數組爲自己排序。

我已經看到了很多關於如何按字母順序排序或通過索引進行排序的例子，但到目前爲止沒有例子顯示如何按預定義數組排序。

<table> 
    <thead> 
    <tr> 
     <th> 
     <select ng-init="selectedRace='Human'" ng-model="selectedRace"> 
      <option ng-repeat="(raceName, item) in races">{{raceName}}</option> 
     </select> 
     </th> 
     <!--<th ng-repeat="(statGroup, item) in race.Attributes" class="{{statGroup}}">{{statGroup}}</th>--> 
     <!--Going to manually type the column headers until I figure out how to sort via array or something--> 
     <th>Starting Attribuites</th> 
     <th>Hero Limit</th> 
     <th>Epic Limit</th> 
     <th>Veteran Limit</th> 
    </tr> 
    </thead> 
    <tbody ng-model="race.Attributes"> 
    <tr ng-repeat="(statName, item) in race.Attributes['Starting Attributes']"> 
     <td class="statsDes">{{statName}}</td><!--These are not in proper order! I need to sort this via array or something--> 
     <td class="Starting Attributes">{{race.Attributes['Starting Attributes'] | FilterSet:statName}}</td> 
     <td>{{race.Attributes['Hero Limit'] | FilterSet:statName}}</td> 
     <td>{{race.Attributes['Epic Limit'] | FilterSet:statName}}</td> 
     <td>{{race.Attributes['Veteran Limit'] | FilterSet:statName}}</td> 
    </tr> 
    </tbody> 
</table> 
</br> 

任何想法：

下面是表我一起工作？除了手動做？

Answer 1

當您擁有AngularJS時，無需手動執行任何操作。

AngularJS提供orderBy過濾器按表達式排序數組（http://docs.angularjs.org/api/ng.filter:orderBy）。

如果您需要一些不受默認orderBy過濾器支持的功能，您可以編寫自己的自定義過濾器來按照自己的喜好操作（排序）該數組。

您可以在http://docs.angularjs.org/tutorial/step_09上閱讀更多關於定製過濾器的信息。

希望有幫助！