angular2 rc.4 ng-content duplicateは機能しません

Question

pageComponentやdialogComponentに表示される "editComponent"を実装しようとしていますが、冗長化同じコンポーネントのタグは同じではありません仕事（のみラスNG-コンテンツタグを作品）：それは達成することができますどのように

<div *ngIf="dialog"> 
    <ng-content></ng-content> 
</div> 

<!-- for pages not in dialog popups put all div structure --> 
<div *ngIf="!dialog" class="container content"> 
    <div class="page-header"> 
    <h2>{{title}}</h2> 
    </div> 
    <div class="row"> 
    <div class="col-md-12"> 
     <ng-content></ng-content> 
    </div> 
    </div> 
</div> 

？

Answer 1

すべての子供は一致するセレクタで<ng-content>にトランスコードされています。
一致しないすべての子は、select="..."属性を持たない最初の<ng-content>に継承されます。

子供が<template>として渡された場合は、より多くの可能性があります。

より柔軟性の高い（動的）移転シナリオをサポートする計画がありますが、現在のところこれは静的なものです。すべてのdivのクラスとヘッダを削除

<!-- for pages in dialog popups remove classes and header --> 
<div [ngClass]="{'container content':!dialog}"> 
    <div class="page-header" *ngIf="!dialog"> 
    <h2>{{title}}</h2> 
    </div> 
    <div [ngClass]="{'row':!dialog}"> 
    <div [ngClass]="{'col-md-12':!dialog}"> 
     <ng-content></ng-content> 
    </div> 
    </div> 
</div> 

つだけNG-コンテンツタグ：

Answer 2

は私が最終的にこの方法を実装しました。