Question

我有一个Angular 4组件，它使用的是一个有效的二维数组。我有一个包含一系列链接的部分数组。我希望能够平坦地输出它们：

<ul>
  <div *ngFor="let section of all_sections">
    <li *ngFor="let nav of section.links" [class.active]="nav.href === current_url">
    </li>
    <li class="divider"></li>
  </div>
</ul>

如何强制它进行循环但没有额外的包装div？它应该只是ul里面的li标签。

预期产出：

<ul>
    <li class="active"></li>
    <li class="active"></li>
    <li class="active"></li>
    <li class="divider"></li>
    <li class="active"></li>
    <li class="active"></li>
    <li class="active"></li>
    <li class="divider"></li>
</ul>

Answer 1

您可以尝试使用ng-container

<ng-container *ngFor="let section of all_sections;">
 ...
</ng-container>

如何在没有包装元素的情况下重复内容（也称为* ngFor）？

1 个答案: