我們可以有兩個具有相同select屬性的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 。

也可以看看

• 如何在沒有ngFor和另一個@Component的情況下多次重復一段HTML

Answer 2

為了將來參考， 這是一個利用ngTemplateOutlet的多重包含的工作示例。

參考

• 可重用組件ngTemplateOutlet