如何在AngularJS中重复两行

发布时间：2020-12-17 08:12:10 所属栏目：安全来源：网络整理

导读：下列表格是典型的。 tr ng-repeat="item in items" td{{item.id}}/td td{{item.subject}}/td td{{item.author}}/td td{{item.date}}/td/tr 但是，如何重复两行呢？ tr ?? td rowspan=2{{item.id}}/td td colspan=2{{item.subject}}/td/trtr ?? td{{item.auth

下列表格是典型的。

<tr ng-repeat="item in items">
    <td>{{item.id}}</td>
    <td>{{item.subject}}</td>
    <td>{{item.author}}</td>
    <td>{{item.date}}</td>
</tr>

但是，如何重复两行呢？

<tr ??>
    <td rowspan=2>{{item.id}}</td>
    <td colspan=2>{{item.subject}}</td>
</tr>
<tr ??>
    <td>{{item.author}}</td>
    <td>{{item.date}}</td>
</tr>

如果您使用AngularJS 1.2，可以使用ng-repeat-start和ng-repeat-end：

<tr ng-repeat-start="item in items">
    <td rowspan=2>{{item.id}}</td>
    <td colspan=2>{{item.subject}}</td>
</tr>
<tr ng-repeat-end>
    <td>{{item.author}}</td>
    <td>{{item.date}}</td>
</tr>

请参阅ngRepeat docs中的“特殊重复起点和终点”。

否则，你必须诉诸一些令人讨厌的技巧，就像把ts包装在一个tbody元素中并重复一遍。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!