angular.js：来自嵌套数据结构的表？

Question

我有以下数据结构：课程列表，以及每个课程的学期列表。我需要为每个课程的每个学期构建一个包含行的表，以及一个包含该课程所有行的名称的列。

我正在尝试使用angular来生成表格，但由于数据结构是嵌套的，我不能简单地在tr标签中执行ng-repeat。所以我试着这样做：

<table border="1">
    <div ng-repeat="course in data">
        <tr>
            <td rowspan="{{course.semesters.length}}">{{course.name}}/td>
        </tr>
        <tr ng-repeat="semester in course.semesters">
           <td>{{semester.info}}</td>
        </tr>
    </div>
</table>

这完全失败了 - 表格在外面生成重复的div。在我看来，我遗漏了一些关于ng-repeat如何工作的基本知识。

Answer 1

尝试tbody而不是div：

<table border="1">
    <tbody ng-repeat="course in data">
        <tr>
            <td rowspan="{{course.semesters.length}}">{{course.name}}/td>
        </tr>
        <tr ng-repeat="semester in course.semesters">
           <td>{{semester.info}}</td>
        </tr>
    </tbody>
</table>