如何使用分組顯示錶

Question

我需要創建一個可以按對象屬性分組的表。我無法爲此使用ngTable，所以我希望有一種方法可以使用過濾器或嵌套的ng-repeats。

plunkr

"CompanyId": "40", 
"CompanyName": "XEREX", 
    "CompanyEmployees": { 
     "_id": "544", 
     "CompanyEmployeeFirstName": "Taylor", 
     "CompanyEmployeeLastName": "Bartlett", 
     "CompanyEmployeeState": "Vermont" 

表需要顯示僱員的名單，他們需要通過有國家進行分組。

Answer 1

除了編寫自己的過濾器外，還有幾種方法可以處理這個問題。首先，您可以使用lodash或下劃線庫（這裏未演示）在您的控制器中執行該組，或包含此漂亮的過濾器庫，以免重新發明輪子並編寫自己的過濾器。

https://github.com/a8m/angular-filter#groupby

Plunker：http://plnkr.co/edit/okEpdguH1FW2IKQX24TS?p=preview

這裏是代碼做的狀態分組：

<table ng-repeat="state in customers | groupBy:'CompanyEmployees.CompanyEmployeeState'"> 
    <tr> 
    <td>{{state[0].CompanyEmployees.CompanyEmployeeState}}</td> 
    </tr> 
    <tr ng-repeat="customer in state"> 
    <td>{{customer.CompanyEmployees.CompanyEmployeeFirstName}}</td> 
    </tr> 
</table>