2017-04-13 71 views
4

我有一个Angular 4组件,它使用了有效的二维数组。我有一个包含链接数组的部分数组。我想能够输出他们全部平板:如何在没有包装元素的情况下重复内容(aka * ngFor)?

<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。

预期输出:

<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> 
+0

你这是什么意思**我怎么能强迫它做循环,而且没有额外的包装的div部分** – Aravind

+0

已更新,包括预期输出 –

回答

8

您可以尝试使用NG-容器

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

这正是我所寻找的,不要与用于内容(或多槽)投影的''混淆。 –

相关问题