如何嵌套* ngFor而不生成额外的html？

Question

下一个代码...

<div *ngFor="let parent of parents">
    <div *ngFor="let child of parent.children">{{child.name}}</div>
</div>

...生成下一个html。

<div>
    <div>Mary</div>
</div>
<div>
   <div>John</div>
</div>

我的目标是产生一般的single div，如下所示：

<div>Mary</div>
<div>John</div>

我希望已经很好地解释了我的问题。提前致谢。

Answer 1

<ng-container *ngFor="let k of whatever">
   <div *ngFor="let r of k">
      {{ r }}
   </div>
</ng-container>

您可以使用ng-container以便在DOM上不显示任何内容