Angular 13指令viewContainerRef.createComponent将对象传递给创建的组件

import { Component, ViewChild, ViewContainerRef } from '@angular/core';
import { MyComponent } from './my-component.component';

@Component({
  selector: 'app-dynamic-component',
  template: `
    <ng-container #container></ng-container>
    <button (click)="createComponent()">Create Component</button>
  `
})
export class DynamicComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  createComponent() {
    const componentRef = this.container.createComponent(MyComponent);
    componentRef.instance.data = { message: 'Hello from dynamic component!' };
  }
}

import { NgModule } from '@angular/core';
import { DynamicComponent } from './dynamic.component';
import { MyComponent } from './my-component.component';

@NgModule({
  declarations: [DynamicComponent, MyComponent],
  imports: [],
  providers: []
})
export class AppModule {}