html - 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

感谢 link来自 ochs-tobi ，我找到了我要找的东西。

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