组件中的角组件

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，以防它们打算作为容器。