下列表格是典型的。
<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元素中并重复一遍。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。