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 的link，我找到了我想要的东西。

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