在表格中使用rowspan与AngularJS

Question

我想插入一个包含两列的表，其中第一列包含多行，第二列应包含单行。为此，我编写了如下代码。

<tr ng-repeat="x in data">
  <td><a href="#">{{ x.no }}</a></td>
  <td ng-if="this.rowIndex === 0" rowspan='{{x.length}}'> ok </td>
</tr>

其中data是包含名为no的单个属性的JSON对象数组。在这里使用this.rowIndex是正确的，或者我在这里犯了错误。

Answer 1

您必须使用$index指令中的变量ng-repeat（请参阅documentation）。 此外，您读取x对象的长度;我相信您打算使用data变量。

您可以在此codepen中看到结果。