angular2 rc.4 ng内容重复不工作

Question

我试图实现一个“editComponent”，可以显示在pageComponent或dialogComponent中，但重复ng-content标记在同一个组件中不工作（仅适用拉斯维加斯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>。
所有不匹配的儿童都被排除在第一个<ng-content>之外，该属性没有select="..."属性。

如果孩子通过<template>有更多的可能性。

有计划支持更灵活（动态）的转换场景，但目前这是相当静态的。

Answer 2

，我终于实现了这个办法：

<!-- 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-内容标签移除所有的div类和头。