2017-04-13 5 views
4

私は実質的に2次元配列を使用するAngular 4コンポーネントを持っています。私はリンクの配列を保持するセクションの配列を持っています。私はきっぱり出力それらすべてのことができるようにしたい:ラッピング要素なしでコンテンツ(別名* 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の内側に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> 
+0

を使用してみたが、余分なラッピングdiv要素のないことができます** – Aravind

+0

予想される出力を含めるように更新しました –

答えて

8

あなたはどのようにループを行うには、それを強制することができます**あなたはこれで何を意味するかNG-コンテナに

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

これはコンテンツ(またはマルチスロット)投影に使用される ' 'と混同しないように、私が探していたものです。 –

関連する問題