如何为列表中的一个项目重复两列？

Question

角度重复是否有可能实现这一点？基本上我想知道有一种方法将2循环在一起吗？非常感谢任何帮助！

控制器：

$scope.date=[
    {ID:1,Date:'2016-11-12'},
    {ID:2,Date:'2016-11-15'},
    {ID:3,Date:'2016-12-06'}
]

HTML：

<table border="1" align="center">   
    <tr>            
        <th rowspan="2">ITEMCODE</th>
        <th rowspan="2">DEBTORCODE</th> 
        <th colspan="2" ng-repeat="d in date">{{d.Date}}</th>   
    </tr>       
    <tr>
        <th>Bal</th>
        <th>Order</th>
    </tr>
</table>

我希望Bal和Order列在每个日期列下并排重复。

Answer 1

您可以使用Angular 1.2中引入的ng-repeat-start和ng-repeat-end

<th ng-repeat-start="d in date">Bal</th>
<th ng-repeat-end>Order</th>

工作示例https://jsfiddle.net/9ve3fu0m/

Answer 2

您可以使用这样的嵌套表来完成此任务：

<table border="1" align="center">
<tr>
  <th rowspan="2">ITEMCODE</th>
  <th rowspan="2">DEBTORCODE</th>
  <th colspan="2" ng-repeat="d in date">
    <table border="1" >
      <tr>
        <th colspan="2">{{d.Date}}</th>
      </tr>
      <tr>
        <th>Bal</th>
        <th>Order</th>
      </tr>
    </table>
  </th>
</tr>
</table>

Answer 3

您可以使用ng-repeat-start和ng-repeat-end

<table border="1" align="center">   
<tr>            
    <th rowspan="2">ITEMCODE</th>
    <th rowspan="2">DEBTORCODE</th> 
    <th colspan="2" ng-repeat="d in date">{{d.Date}}</th>   
</tr>       
<tr>
    <th ng-repeat-start="d in date">Bal</th>
    <th ng-repeat-end>Order</th>
</tr>