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

Question

我很好奇有没有办法在组件中重复使用两次ng-content ？ 或者将它分配给组件构造函数中的变量？

就像是：

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

Answer 1

在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>

Answer 2

是的，我也发现了这个。

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

在组件中：

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