角度動態組件從數據加載模板

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