角:自定义组件中的自定义组件

Question

经过大量搜索:是否有可能在自定义组件中嵌套自定义组件？

我创建了一个空的角cli项目，并创建了ComponentAComponent (selector: 'componentA')和ComponentBComponent (selector: 'componentB')。

我的app.component.html看起来像：

<componentA>
  <componentB></componentB>
  <componentB></componentB>
</componentA>
<componentB></componentB>

我所期望的：

组件A工作！ 组件B工作！ 组件B工作！ 组件B工作！

但只有

组件A工作！ 组件B工作！

会被渲染。当我想用自定义列表项实现自定义列表时:我必须做什么来呈现嵌套在自定义组件中的自定义组件？

经过大量的google/堆栈溢出/尝试和错误-感谢您给我的任何建议或链接。尝试了这么多关于导入和声明的东西，但都没有用。

如果它有帮助的话，我可以为github存储库提供代码。

亲切的问候

编辑： ABOS提供了正确的答案。我加了

<ng-content></ng-content>

到componentA.html，现在所有嵌套元素都被呈现出来。这么简单，但我没找到。谢谢!

Answer 1

如果要动态添加html/组件，可以使用<ng-content>。有大量关于它的教程，例如https://blog.angular-university.io/angular-ng-content/