在表格中使用rowspan与AngularJS

时间:2017-03-17 07:54:27

标签: angularjs html-table

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

<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是正确的,或者我在这里犯了错误。

1 个答案:

答案 0 :(得分:0)

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

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