如何在Angular 12中调用可扩展行内的组件

import { Component, ComponentFactoryResolver, ViewChild, ViewContainerRef } from '@angular/core';

@Component({
  selector: 'app-host-component',
  template: '<div #container></div>'
})
export class HostComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) { }

  callInlineComponent(componentType: any) {
    // 获取可扩展行内组件的工厂
    const factory = this.componentFactoryResolver.resolveComponentFactory(componentType);

    // 创建组件实例，并将其添加到视图中
    const componentRef = this.container.createComponent(factory);

    // 调用可扩展行内组件的方法示例
    componentRef.instance.someMethod();

    // 访问可扩展行内组件的属性示例
    console.log(componentRef.instance.someProperty);
  }
}

@Component({
  selector: 'app-inline-component',
  template: 'This is an inline component.'
})
export class InlineComponent {
  someMethod() {
    console.log('This is a method of the inline component.');
  }
  
  get someProperty() {
    return 'This is a property of the inline component.';
  }
}