Javascript 创建创建新组件时要重用的基础组件

我正在编写一个应用程序，其中有许多模态。由于我不想重复模态的代码，我想组装一个具有最小结构的基本组件，然后使用该结构来组装不同的模态，并携带我需要的内容（表格、文本、图像）

我想做的一个例子

<app-modal-base>
  <app-form></app-form>
<app-modal-base>

我希望你明白我在找什么。如果你不能，有人找到了替代方案吗

---

谢谢

在您的基本模式模板中，包括

标记。显示模态时，可以按如下方式使用它：

<Modal>
  <div id="mydiv">
    <p> Simple paragraph </p>
    <form>...</form>
  </div>
</Modal>

简单段落

...

模态将包括您在基本模态组件模板中

标记所在位置的

标记之间包含的内容。它看起来像：

template: `
  <div id="closeButton"></div>
  <ng-content></ng-content>
`

模板：`
`

---

这些信息是从那里收集的，我似乎找不到关于这方面的官方文件。您可能需要尝试一下。

在基本模式模板中，包括

标记。显示模态时，可以按如下方式使用它：

<Modal>
  <div id="mydiv">
    <p> Simple paragraph </p>
    <form>...</form>
  </div>
</Modal>

简单段落

...

模态将包括您在基本模态组件模板中

标记所在位置的

标记之间包含的内容。它看起来像：

template: `
  <div id="closeButton"></div>
  <ng-content></ng-content>
`

模板：`
`

这些信息是从那里收集的，我似乎找不到关于这方面的官方文件。你可能得试试