使用ng-content选择基类

Question

假设我有一个内容Parent的组件Child，如下所示。在这种情况下，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>