我们可以有两个具有相同选择属性的ng-content吗？

Question

<div class="main">
  <ng-content select="[body]"></ng-content>
</div>
<div class="main-copy">
  <ng-content select="[body]"></ng-content>
</div>

我正在尝试将相同的内容复制到主副本中，但遗憾的是它无效。

有什么建议吗？

Answer 1

更新Angular 5

ngOutletContext已重命名为ngTemplateOutletContext

另见https://github.com/angular/angular/blob/master/CHANGELOG.md#500-beta5-2017-08-29

<强>原始

不，这不受支持。

与选择器匹配的每个元素都将投影到第一个<ng-content>。

或许ngTemplateOutlet或ngForTemplate正是您所寻找的。

另见

• How to repeat a piece of HTML multiple times without ngFor and without another @Component

Answer 2

对于将来的参考文献，here是使用ngTemplateOutlet的多次转换的工作示例。

参考

• reusable components ngTemplateOutlet