每 odd/even 个 <tr> 添加一个 <tr>

Question

目前我有这个循环：

<tr *ngFor="let n of [42, 42, 43, 43, 1, 2, 3]; let i = index">
    <td class="branch">Branch</td>
    <td class="date">Date</td>
    <td class="account">Account {{n}} - Account Name</td>

    <td class="debit" *ngIf="i % 2 == 0">100000</td>
    <td class="credit" *ngIf="i % 2 == 0">&nbsp;</td>

    <td class="debit" *ngIf="i % 2 == 1">&nbsp;</td>
    <td class="credit" *ngIf="i % 2 == 1">100000</td>
</tr>

然后，我想每隔偶数行添加下面的代码。

<tr>
    <td class="description" colspan="5" >Trasaction detail here...</td>
</tr>

问题是我无法在上面的循环中访问变量i。如何解决这个问题？

编辑结果应该是这样的：

<table>
  <tr>
      <td class="branch">Branch</td>
      <td class="date">Date</td>
      <td class="account">Account  - Account Name</td>
      <td class="debit">100000</td>
      <td class="credit">&nbsp;</td>
  </tr>
  <tr>
      <td class="branch">Branch</td>
      <td class="date">Date</td>
      <td class="account">Account  - Account Name</td>
      <td class="debit">&nbsp;</td>
      <td class="credit">100000</td>
  </tr>
  <tr>
      <td class="description" colspan="5" >Trasaction detail here...</td>
  </tr>
  <tr>
      <td class="branch">Branch</td>
      <td class="date">Date</td>
      <td class="account">Account  - Account Name</td>
      <td class="debit">30000</td>
      <td class="credit">&nbsp;</td>
  </tr>
  <tr>
      <td class="branch">Branch</td>
      <td class="date">Date</td>
      <td class="account">Account  - Account Name</td>
      <td class="debit">&nbsp;</td>
      <td class="credit">30000</td>
  </tr>
  <tr>
      <td class="description" colspan="5" >Trasaction 2 detail here...</td>
  </tr>
</table>

Answer 1

像这样：

<table>
  <ng-template ngFor let-even="even" let-odd="odd" let-n [ngForOf]="[42, 42, 43, 43, 1, 2, 3]">
    <tr>
      <td class="branch">Branch</td>
      <td class="date">Date</td>
      <td class="account">Account {{n}} - Account Name</td>

      <td class="debit" *ngIf="even">100000</td>
      <td class="credit" *ngIf="even">&nbsp;</td>

      <td class="debit" *ngIf="odd">&nbsp;</td>
      <td class="credit" *ngIf="odd">100000</td>
    </tr>
    <tr *ngIf="odd">
      <td class="description" colspan="5" >Trasaction detail here...</td>
    </tr>
  </ng-template>
</table>

每 odd/even 个 <tr> 添加一个 <tr>

Add a <tr> every odd/even number of <tr>

ionic2

ngfor

angular