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

时间:2017-09-24 21:46:20

标签: angular

创建一个非常棒的电子书应用程序。我想为每个页面定义一个具有固定外观/帧的页面模板。

class SplashPresenter @Inject constructor(): BasePresenterImpl<SplashContract.View>(), SplashContract.Presenter 

模板:

<page></page>

<h1>{{heading}}</h1> <div class="page-frame"> <page-content></page-content> </div> <footer>footer contents</footer> 令牌中,我希望它能够以带有其他自定义标签的模板形式读取数据,格式化为普通模板并散布自定义标签 - 而不仅仅是HTML。随着阅读器在页面之间移动,<page-content>组件将在新页面定义中换出/换出。

第1页定义:

<page-content>

第2页定义:

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

请注意,单个页面内容将保留为数据,但形式为普通模板。

如果没有将每个页面定义为组件,我还没有找到一种方法。

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

1 个答案:

答案 0 :(得分:0)

您需要的是内容投影。 看一下这个比文字更好解释的视频: https://www.youtube.com/watch?v=CeCd0-sqM7o