如何在角度中的子组件中插入html？

Question

我正在尝试将html插入子组件中.基本上是这样的:

<custom-container><p>Parnet content</p></custom-container>

我可以找到将数据传递给子组件的引用,但是无法找到如何在我的选择器中传递实际的html？

Answer 1

您还可以使用<ng-content>with select属性

父组件:

<child-component>
    <div sample>Content form parent</div>
</child-component>

子组件:

something..
<ng-content select="[sample]"></ng-content>
some more...

输出:

something..
<div>Content from parent</div>
some more...

更多细节在这里

Answer 2

ng-content 标签可以用在子组件的模板中。该标签将接受您放置在组件选择器之间的任何内容。