组件中的角组件

Question

是否可以构建一个角度分量以使其吸收

<app-parent>
 <app-child>Option 1</app-child>
 <app-child>Option 2</app-child>
</app-parent>

它将在哪里解析HTML DOM和所需的逻辑？ 在这种情况下，是一个下拉组件。

Answer 1

您当然可以做到。声明父组件的html时，请包含“ ng-content”，如下所示：

// app-parent 
<div>
  <ng-content></ng-content>
</div>

您将<ng-content></ng-content>标记用作该动态内容的占位符，然后在解析模板时，Angular将用您的内容替换该占位符标记。

在子组件中，您也可以类似地使用ng-content，以防它们成为容器。