使用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>