我们可以有两个具有相同选择属性的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

更新角度 5

ngOutletContext被重命名为ngTemplateOutletContext

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

原来的

不，这不受支持。

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

也许ngTemplateOutlet或者ngForTemplate就是您正在寻找的。

也可以看看

• 如何在没有 ngFor 且没有另一个 @Component 的情况下多次重复一段 HTML

Answer 2

为了供将来参考，这里是一个利用 ngTemplateOutlet 的多重嵌入的工作示例。

参考

• 可重用组件 ngTemplateOutlet