Angularjs 如何使用分组显示表格

Angularjs 如何使用分组显示表格,angularjs,Angularjs,我需要创建一个可以按对象属性分组的表。我无法使用ngTable来实现这一点,所以我希望有一种方法可以通过过滤器或嵌套的ng重复来实现 该表需要显示员工姓名的列表,并且需要按状态对他们进行分组 除了编写自己的过滤器外,还有几种方法可以处理此问题。首先,您可以使用像lodash或下划线这样的库(此处未演示)在控制器中执行分组操作,或者包括这个漂亮的过滤器库,以避免重新发明轮子并编写自己的过滤器 普朗克: 以下是对状态进行分组的代码: <table ng-repeat="state in cus

我需要创建一个可以按对象属性分组的表。我无法使用ngTable来实现这一点,所以我希望有一种方法可以通过过滤器或嵌套的ng重复来实现


该表需要显示员工姓名的列表,并且需要按状态对他们进行分组

除了编写自己的过滤器外,还有几种方法可以处理此问题。首先,您可以使用像lodash或下划线这样的库(此处未演示)在控制器中执行分组操作,或者包括这个漂亮的过滤器库,以避免重新发明轮子并编写自己的过滤器

普朗克:

以下是对状态进行分组的代码:

<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>
<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>