Javascript 使用应用程序组件HTML的角度库

我正在实现我的第一个angular库

我想为angular实现一个页眉和页脚库。问题是，它应该有它所使用的应用程序的html。下面你可以找到HTML代码的草图，我想实现

//some header
<pageContent>
</pageContent>
//some footer

//某个头
//一些页脚

pageContent.component

应该来自嵌入库的应用程序。 我如何做到这一点

编辑： 我正试图详细说明：

---

在我的angular库中，我有一个组件，它应该有一个页眉和一个页脚。此外，它应该显示页面的主要内容。因此，库需要输入

pageContent.component

。如何实现这一点？

感谢您添加更多详细信息

如您所见，我在

canvas.component.html

中使用了

ng content

，如下所示：

<div id='border'>
   <h3>header</h3>
    <ng-content>
      <!-- Dynamic content goes here -->
    </ng-content>
    <h3>footer</h3>
</div>

标题
页脚

画布组件包含所需的

页眉

和

页脚

。我在本例中添加了一些路由，使其更接近您要查找的内容

---

我希望这对你有帮助。干杯

你能详细说明一下吗？也许只有我一个人，但我无法清楚地理解：——）我希望现在一切都清楚了谢谢迪特。看看答案和演示代码。因为你是新来的，我在里面放了一些路线图，让它更接近现实生活的例子。很抱歉我的回答迟到了，因为我还有其他工作要做。我们正在试验角度库。但是内容投射的技巧做到了：-）很高兴听到这个消息！：）