如何在沒有包裝元素的情況下重復內容（也稱為* ngFor）？

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>