如何在angular中使用包装器组件？

我有带表格的功能组件和一些表格。我希望有一个包装器组件，我可以在包装器组件中的功能组件包装中使用它。具体来说,

在wrapper组件中，我的wrapper.component.html将只有一个带有一些类的div

     <div class="something"></div>

在feature component中，feature.component.html将是：

     <my-wrapper>
        <div>with some data</div>
        <form></form>
     </my-wrapper>

---

但是我的包装中的内容没有被加载。你能帮帮我吗？

我相信你要找的是内容投影。对于最简单的情况，只需使用如下元素

<div class="something">
  <ng-content></ng-content>
</div>

---

我相信你正在寻找的是内容投影。对于最简单的情况，只需使用如下元素

<div class="something">
  <ng-content></ng-content>
</div>

---

下面是一个使用包装器组件的工作stackblitz。出于演示目的，它是一个带有类和红边框样式的div，以及如何在AppComponent中使用它的示例

包装器组件模板

新包装器组件app wrapper的示例用法是angular cli默认提供的标记名，您可以在组件中更改它

包装器组件示例 有一些数据

---

下面是一个使用包装器组件的工作stackblitz。出于演示目的，它是一个带有类和红边框样式的div，以及如何在AppComponent中使用它的示例

包装器组件模板

新包装器组件app wrapper的示例用法是angular cli默认提供的标记名，您可以在组件中更改它

包装器组件示例 有一些数据

---

但这是行不通的，我希望包装器在功能组件中使用，而不是反过来。你们可以在任何地方使用它。ng内容允许您呈现放置在包装器之间的所有内容，在ng内容的位置打开一个结束标记。如果这不是你想要达到的，那么试着重新措辞这个问题please@Andrei请补充一些细节来回答。您的代码解释得不太好。考虑到您的建议，对于ng内容，功能组件的内容也没有显示包装在其中的内容：但这是行不通的，我希望包装器在功能组件中使用，而不是反过来。你们可以在任何地方使用它。ng内容允许您呈现放置在包装器之间的所有内容，在ng内容的位置打开一个结束标记。如果这不是你想要达到的，那么试着重新措辞这个问题please@Andrei请补充一些细节来回答。您的代码解释得不太好。考虑到您的建议，对于ng内容，功能组件的内容也没有显示包装在其中的内容：那真的有用！！我猜安德烈想说同样的话，但我没能准确地听懂。非常感谢。那真的有用！！我猜安德烈想说同样的话，但我没能准确地听懂。非常感谢。