angular - 如何嵌套 *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>

我的目标是generete single div，如下所示：

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

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

标签： angular

Answer 1

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

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