Angular 如何在组件的模板中重用HTML块？

我有一些具有相同HTML结构的角度组件

<div class='something'>
 <div ...> 
    <custom HTML code for Component>
 </div>
</div>

现在，我如何将代码重用到类似

<popup-template>
  <custom HTML code for Component>
</popup-template>

---

将自定义HTML代码作为一个组件，您可以使用选择器在另一个组件中的任何位置使用它

<popup-template>
  <custom-component></custom-component>
</popup-template>

---

您需要的通常称为“插槽”。 它的角度是

。

---

看看这篇文章：

为什么要删除答案？当您如问题所述考虑可重用性时，不推荐使用ng内容