使用另一个组件内部定义的组件正在Angular中加载到DOM

Question

我有一个具有可重用组件的主组件，以及提供可重用组件的其他组件，任何事件都会将值发送回相对组件。以上所有功能均有效，但其他组件未加载到DOM。

maincomponent.html

 <app-main>
      <app-pie-chart></app-pie-chart>
 </app-main>

启动应用程序后，我在DOM中看不到标记，这引起了未将图表附加到<app-pie-chart>的问题。这是实现它的正确方法吗？我打算将应用程序主要组件重用于多个图表。