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

Using Ng-Repeat to display data recursively

本文关键字：显示 数据 方式 递归 Ng-Repeat 使用      更新时间：2023-09-26

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

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

您可以使用 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

相关文章：