如何解决如何对角度动态表中的行进行分组?
假设我的数据是教室列表。 每个教室都有一个名字和一个学生名单。 所以基本上我的数据是一种数组数组。
以下是数据的外观:
[
{"classRoom"="classroom A","students"={"John","Billy","Michael"}},nes{"classRoom"="classroom B","students"={"Fred","Donald"}}
]
假设我想在 HTML 表格中显示这些数据,如下所示:
<tr><th> classroom A </th></tr>
<tr><td> John </td></th>
<tr><td> Billy </td></th>
<tr><td> Michael</td></th>
<tr><th> classroom B </th></tr>
<tr><td> Fred </td></th>
<tr><td> Donald </td></th>
我需要使用 Angular 创建这个表。 但我不知道如何编码,因为有 2 个嵌套级别。
使用 ng-repeat,我可以轻松创建一个列出所有教室的表格:
<table>
<tr ng-repeat="item in model">
<th>{{ item.classRoom}}</th>
</tr>
</table>
但我不知道如何渲染学生。我想做另一个循环来迭代教室中的学生,有点像下面(当然它不起作用,因为它会在另一个内部创建一个)
<table>
<tr ng-repeat="item in model">
<th>{{ item.classRoom}}</th>
<tr ng-repeat="student in item.students">
<td> {{student}} </td>
</tr>
</tr>
</table>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。