angular - 如何在 Angular 2+ 中基于组件创建模板？

Question

我在谷歌上找不到。我需要类似...

 <my-custom-component><p>Hello World !</p></my-custom-component>

在 myCustomComponent.component.html 上，我希望看到类似的内容：

<div>
  <p>Hello World !</p>
</div>

换句话说：我需要将 html 标签封装在我自己的自定义组件中。怎么做 ？

标签： angular

Answer 1

ng-content是你的家伙：

<my-custom-component><p>Hello World !</p></my-custom-component>

我的自定义组件.html

<div>
  <ng-content></ng-content>
</div>

（无事可做）