使用ng-content选择基类

Question

假设我有一个内容投影Child组件的组件Parent，如下所示。在本例中，Child是由组件ChildA和ChildB扩展的抽象基类。下面是一个在用户模板中使用案例的示例：

<parent>
  <child-a></child-a> // or child-b
</parent>

在Parent的模板中，我希望使用<ng-content>来对Child组件进行内容投影。但是，我希望能够使用<ng-content>并以某种方式选择<child-a>或<child-b>，如下所示：

<ng-content select="child-a | child-b"></ng-content>

有没有办法做到这一点？

Answer 1

您可以使用逗号分隔的列表执行此操作，如下所示：

<ng-content select="child-a,child-b"></ng-content>