使用Ng-Repeat以递归方式显示数据

时间:2016-01-14 18:04:43

标签: javascript angularjs

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

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

1 个答案:

答案 0 :(得分: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