Javascript 组件内部的Angular2 Html

我想创建一个像模板一样的组件。例如，与其到处写，不如：

<div class="myClass">
    <div class="myHeader" id="headerId"> Title </div>
    <div class="myContent" id="contentId"> <<Some HTML code>> </div>
</div>

标题

我想使用如下组件：

<my-component title="Title" headerID=headerId contentID=contentID>
    <<Some HTML code>>
</my-component>

如何在Angular2中实现这些功能？

在组件中使用

my.component.html

<div class="myClass">
    <div class="myHeader" id="headerId"> Title </div>
    <div class="myContent" id="contentId"> <ng-content></ng-content> </div>
</div>

<my-component title="Title" headerID=headerId contentID=contentID>
    <<Some HTML code>>
</my-component>

---

中的任何内容都将在

中呈现，您尝试了什么？有什么问题？

与这个问题有什么关系？我什么都没试过，因为我对Angular2不是很有经验。我在谷歌上搜索了一下，但找不到与我想要的相似的东西。我在这里寻找建议。那么你想要什么？期望的行为或结果是什么？如果你只是创建一个简单的组件，它有什么不做你想要的呢？这正是我想要的。谢谢有没有办法强制延迟加载内容？若我有条件地包含在我的组件中，即使条件为false，所有内容也会被初始化——例如，当内容包含一些其他组件时。