2017-04-13 63 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

這正是我所尋找的,不要與用於內容(或多槽)投影的''混淆。 –

相關問題