Angular 5 - 组件标签之间的内容

Question

我为 Angular 5 应用程序制作了一个自定义模式，但我希望能够编辑其中的内容。

作为示例，我有以下代码

<app-modal> <p>Some Text!</p> </app-modal>

我希望模态获取标签<p>并像这样放置：

<div class="modal">
  <div class="card">

    <p>Some Text!</p>

  </div>
</div>

因此我可以轻松地重用模态组件，并在任何需要的地方轻松使用它。但我找不到这是否/如何在任何地方发挥作用。如果不可能，那么我想知道下一个最好的方法是什么。

提前致谢！

Answer 1

感谢ochs-tobi的链接，我找到了我正在寻找的东西。

只需<ng-content></ng-content>在组件中需要的位置添加即可获取组件标签内的内容。