Html 如何创建角度2+*ngFor在每个单元格中填充一条记录的表格？

我试图创建一个具有未定义行数和列数的响应表，在该表中，每个单元格都填充一个角2+*ngFor的记录

例如，如果我的数组有9条记录，而我的页面大小每行仅包含4条记录，则我需要3行4列，顺序如下：

| 1 | 2 | 3 | 4 |

| 5 | 6 | 7 | 8 |

| 9 |

在本例中，我的数组类似于：

imgList = [
    {name: '1', path: '/images/first/'},
    {name: '2', path: '/images/second/'},
    {name: '3', path: '/images/third/'},
    {name: '4', path: '/images/etc/'},
    {name: '5', path: '/images/etc/'},
    {name: '6', path: '/images/etc/'},
    {name: '7', path: '/images/etc/'},
    {name: '8', path: '/images/etc/'},
    {name: '9', path: '/images/etc/'}
];

html是：

<div class="row">
  <div class="col-md-8">
    <div *ngFor="let image of imgList">
      {{image.name}}
    </div>
  </div>
</div>

{{image.name}

现在我的图片还没有在表格中格式化，我怎么能用解释的风格制作一个drow呢

谢谢大家。

---

G.

需要逻辑将数组切分为行（2d数组）

更新：

更新2：

---

为

NgForOf

的

ngForTrackBy

添加了

trackImage

功能，如果UI变得更复杂，可能有助于角度重用元素。（编辑：tested，yes，如果每个NGB都有一个trackBy，则此功能会起一定作用。例如：如果在4列和3列之间切换，则会在第3行的开始和第2行的结束之间重新渲染td元素，其中7列和8列，但会以9 init重新渲染元素，但每次列更改时，w/o trackBy都会重新渲染所有内容）

你能发布你的代码吗，这样我们就可以从这里帮助你了？当然，我修改了我的问题。天哪，这太简单了，太干净了！非常感谢，真的！