角度动态组件从数据加载模板

Question

创建一个应用程序，这是一个奇特的电子书。我想为每个页面定义一个固定外观/框架的页面模板。

<page></page> 

模板：

<h1>{{heading}}</h1> 
<div class="page-frame"> 
    <page-content></page-content> 
</div> 
<footer>footer contents</footer> 

的 <page-content>令牌内

，我想它的数据与其他自定义标签模板，格式化为一个正常的模板，并穿插自定义标签的形式读 - 不仅仅是HTML。随着阅读器逐页移动，<page-content>组件将在新的页面定义中换出/换出。

页1个定义：

<p>paragraph</p> 
<custom-tag1 key=value></custom-tag1> 
<custom-tag2 key=value></custom-tag2> 

第2页的定义：

<blockquote>interesting quote</blockquote> 
<audio src="audio.file" controls></audio> 

注意，个别页面内容将被保留的数据，但在形成正常的模板。

我还没有找到一种方法来做到这一点，而无需将每个页面定义为组件。

任何帮助/指针/评论赞赏。

Answer 1

你需要什么叫做内容投影。 看看这个视频，比文字更好解释： https://www.youtube.com/watch?v=CeCd0-sqM7o