Angular 如何为组件的内部html使用占位符ngContent

我想创建一个框架组件，以便在另一个组件中可以像这样使用它：

page.component.html

我试着看了一下代码，但是我没有真正理解它。也许做的不仅仅是把它传递出去的框架

我也不想做这样的事情：

<frame [placeholder]="page"></frame>

---

我刚开始学习角度，所以我可能也没有抓住重点。我找不到任何地方可以解释选择器内部被转换成什么，或者选择器组件如何访问这些信息。

因此，在谷歌搜索了更多信息后，我发现我想要的是所谓的转换，从角度上说，它是使用

不幸的是，关于它的文档还不多，请参见下面的问题。但要点是我们可以做到这一点：

frame.component.html

参考资料：

---

在较新的角度版本上，您可以使用select而不是selector:select=[frame body]

<h>title</h>
<toolbar>...</toolbar>
<sidenav-container>
   <sidenav>...</sidenav> 
   <ngContent #placeholder><ngContent> <!-- I want this to get replaced -->
</sidenav-container>
<footer>...</footer>

<frame [placeholder]="page"></frame>

<h>title</h>
<toolbar>...</toolbar>
<sidenav-container>
  <sidenav>...</sidenav> 
  <ng-content selector="[frame-body]"><ng-content> <!-- I want this to get replaced -->
</sidenav-container>
<footer>...</footer>

<frame>
  <span frame-body>Hello World!</span>
</frame>