Angular 12尝试将数据传递到动态加载的组件，但不确定如何实现

import { Component, ComponentFactoryResolver, ViewChild, ViewContainerRef } from '@angular/core';
import { DynamicComponent } from './dynamic.component';

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

  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  loadDynamicComponent(data: any) {
    // 获取动态组件的工厂类
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DynamicComponent);

    // 创建组件实例
    const componentRef = this.container.createComponent(componentFactory);

    // 设置输入属性值
    componentRef.instance.data = data;
  }
}