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>即可获取组件标记内的内容。