在Angular2中使用ngFor，我该如何进行“内部”ngFor？

Question

问题可能很难理解，但我的问题很简单：

• 我想显示联系人列表。
• 我使用bootstrap
将它们显示为卡片
• 我希望每行显示4张卡

HTML结构：

col-md-3

或者更简单，我想做到这一点：

有没有办法在{{1}} div中执行“内部”ngFor，在渲染4个联系人后停止？

Answer 1

您可以创建两个组件：一个用于显示一张卡，另一个用于显示一排卡片。

整体代码更多，但每个组件更简单，更具凝聚力和可重用性;这两个组件是分离的。

最后，您可以处理所有卡片＆＃39;数据作为流和形成批量所需数量的卡来填充行。