angular - 如何在 Angular 子组件中插入html？

Question

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

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

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

Answer 1

您还可以使用 <ng-content>与 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...

更多详情 here