如何根据mat-select选项显示组件

<mat-form-field>
  <mat-label>选择组件</mat-label>
  <mat-select [(ngModel)]="selectedComponent">
    <mat-option value="component1">组件1</mat-option>
    <mat-option value="component2">组件2</mat-option>
    <mat-option value="component3">组件3</mat-option>
  </mat-select>
</mat-form-field>

selectedComponent: string;

// 根据选中的组件值显示对应的组件
getComponentToShow() {
  if (this.selectedComponent === 'component1') {
    return Component1;
  } else if (this.selectedComponent === 'component2') {
    return Component2;
  } else if (this.selectedComponent === 'component3') {
    return Component3;
  }
}

<ng-container *ngIf="selectedComponent">
  <ng-container *ngComponentOutlet="getComponentToShow()"></ng-container>
</ng-container>