组件中的 Angular 组件

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，以防它们是容器。