javascript - 使用 Ng-Repeat 递归显示数据

Question

我有一个看起来像这样的表

 _id    url     title   description 
   1   a.jsp     hi         hi
   2   a.jsp     hello      hello
   3   a.jsp     hey        hey
   4   b.jsp     hi         hi
   5   b.jsp     hello      hello
   6   b.jsp     hey        hey

我正在尝试将唯一的 url 打印为面板标题，其中面板正文中相应的标题和描述作为表格。我不确定如何过滤这个

预期输出

a.jsp
 ->hi (_id=1)
 ->hello(_id=2)
 ->hey(_id=3)
b.jsp
 ->hi (_id=4)
 ->hello(_id=5)
 ->hey(_id=6)

Answer 1

您可以使用groupBy 过滤器:

<ul ng-repeat="(key, value) in table | groupBy: 'url'">
  Header: {{ key }}
    <li ng-repeat="row in value">
        title: {{ row.title}} 
        id: {{ row.id}} 
    </li>
</ul>

更多文档在这里:https://github.com/a8m/angular-filter