javascript - Angular .js : A Table from nested data structure?

Question

我有以下数据结构:类(class)列表，以及每门类(class)的学期列表。我需要为每门类(class)的每个学期构建一个表，其中包含一个包含类(class)名称的列，该列跨越该类(class)的所有行。

我正在尝试使用 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>