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

Question

我在Google上找不到它。我需要类似...

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

，在myCustomComponent.component.html上，我想看到类似的东西：

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

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

Answer 1

ng-content是你的男人：

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

my-custom-component.html

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

（无事可做）