在Angular中嵌套两个动态创建的组件

Question

在React中，我可以轻松地执行以下操作来嵌套两个组件，这些组件的实际类型在运行时之前是未知的，并且其类类型作为props提供：

render() {
  const FirstComponent = this.props.comp1;
  const SecondComponent = this.props.comp2;

  return (
    <FirstComponent>
      <SecondComponent></SecondComponent>
    </FirstComponent>
  );
}

我如何在Angular中执行等效操作？ Angular documentation解释了如何将动态组件创建为其自身的 view 子项，而不是如何将组件设置为另一个组件的 content 子项的动态组件动态组件。

基本上，我希望能够拥有以下内容：

<my-component [comp1]="FirstComponentClass" [comp2]="SecondComponentClass"></my-component>

在运行时，生成等效的组件层次结构：

<my-component>
    <first-component>
        <second-component></second-component>
    </first-component>
</my-component>

我如何实现my-component？