是否可以在组件模板中重用<ng-content></ng-content>？Angular2

Question

我很好奇有什么方法可以在组件中重用两次ng内容吗？还是将其分配给组件构造函数中的变量？

类似于：

​

@Component({
    selector: "component"
})
@View({
    template: `<ng-content></ng-content> and again <ng-content></ng-content>`
})

​

Answer 1

是的，我还找到了这个。

<my-component> <div content-a> A </div> </my-component>

在构成部分：

<ng-content select="[content-a]"></ng-content>

Answer 2

在ng-template的帮助下，还有另外一种方法

将ng-content封装在ng-template中，并将ngTemplateOutlet与ng-container一起使用

示例：

<ng-container *ngIf="YourCondition" *ngTemplateOutlet="content"></ng-container>
<ng-container *ngIf="!YourCondition" *ngTemplateOutlet="content"></ng-container>

<ng-template #content><ng-content></ng-content></ng-template>

用这个作为，

<my-component>Anything</my-component>