Javascript 如何在表中按2分割td限制

我有一个包含5个值的

carsList

数组。我试着把

切片

2乘2

  <table>
    <tr *ngFor="#item of carsList | slice:0:2; #i = index">
                   <td>{{i}}. {{item}}</td>
     </tr>
 </table>  

代码：

请帮帮我。哪里是我的错误。

结果是一个包含2个元素的数组，并且会在结果数组中的元素上迭代，这不会提供预期的结果

要实现此结果，您需要转换数组结构，或者使用附加的with nested命令执行类似操作

FYI:Where可用于对未放入DOM树中的元素进行分组

---

更新。

普拉纳夫的回答几乎传达了实现这一目标的想法，然而，他的扑救似乎没有准确显示出OP的功能，而且看起来有点过于复杂

根据OP中的plunker，一个简单的修复方法是（确认它在那里工作）

{{i}。{{item}}

试试这个-

<ul>
 <ng-container *ngFor="#item of carsList; #i = index">
  <li *ngIf="i % 2 === 0">
   <span class="car-title">{{i}}. {{item}}</span>
   <span class="car-title">{{i+1}}. {{carsList[i + 1]}}</span>
  </li>
 </ng-container>
</ul>

{{i}。{{item}}
{{i+1}}。{{carsList[i+1]}

这能用吗？请现在检查。仍然不起作用，可能是因为防火墙问题，但是JSFIDLE工作得很好

<table>
  <ng-container *ngFor="#item of carsList; #i = index">
    <tr *ngIf="i % 2 === 0">
      <td *ngFor="#item1 of carsList|slice:i:i + 2; #i1 = index" class="car-title">{{i1}}. {{item1}}</td>
    </tr>
  </ng-container>
</table>

<table>
  <ng-container *ngFor="#item of carsList; #i = index">
    <tr *ngIf="i %2 === 0">
      <td>{{i}}. {{item}}</td>
      <td>{{ i + 1 }}. {{carsList[i + 1]}}</td>
    </tr>
  </ng-container>
</table>

<ul>
 <ng-container *ngFor="#item of carsList; #i = index">
  <li *ngIf="i % 2 === 0">
   <span class="car-title">{{i}}. {{item}}</span>
  </li>
 </ng-container>
</ul>

<ul>
 <ng-container *ngFor="#item of carsList; #i = index">
  <li *ngIf="i % 2 === 0">
   <span class="car-title">{{i}}. {{item}}</span>
   <span class="car-title">{{i+1}}. {{carsList[i + 1]}}</span>
  </li>
 </ng-container>
</ul>