Angular、ng-repeat 和 rowspan 在同一个 td 上

Question

鉴于此数据：

this.stuff = [
    [{title: 'col1', rowspan: 1},{title: 'col2', rowspan: 2}],
    [{title: 'col3', rowspan: 1}]
];

如何使用 ng-repeat 生成以下内容：

<table border="1">
    <tr>
        <td rowspan="1">col1</td>
        <td rowspan="2">col2</td>
    </tr>
    <tr>
        <td rowspan="1">col3</td>
    </tr>
</table>

Answer 1

您可以使用以下内容：

<table border="1">
    <tr ng-repeat="item in stuff">
        <td ng-repeat="obj in item" rowspan="{{ obj.rowspan }}">{{ obj.title }}</td>
    </tr>
</table>