使用角度4在html表中仅使用四列重复行

Question

对于Ex。我有一个arraylike这个cid：Array = [{Id：1}，{Id：2}，{Id：3}，{Id：4}，{Id：5}，{Id：6}，{Id：7 } ---------等]

我希望输出为：

1 2 3 4
5 6 7 8
9 

在角度4中使用* ngFor

Answer 1

<span *ngFor="let cid of cids">
    {{cid.Id}}
    <br *ngIf="(cid.Id)%4==0" />
</span>

Answer 2

一种方法是在array [] [4]中转换你的arrray []。然后你就可以使用叠加的ngFor（ngFor in another ngFor）

伪代码：

ngFor* {
   ngFor* {
      print value;
      insert a space;
   }
  Insert a return line;
}