从组件获取ViewContainerRef

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

@Component({
  selector: 'app-my-component',
  template: `
    <ng-template #container></ng-template>
  `
})
export class MyComponent {
  @ViewChild('container', { read: ViewContainerRef }) containerRef: ViewContainerRef;

  constructor(private viewContainerRef: ViewContainerRef) { }
}

<ng-template #container></ng-template>

<app-my-component #myComponent></app-my-component>

<button (click)="getContainerRef(myComponent.containerRef)">获取ViewContainerRef</button>

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

@Component({
  selector: 'app-my-component',
  template: `
    <ng-template #container></ng-template>
  `
})
export class MyComponent {
  @ViewChild('container', { read: ViewContainerRef }) containerRef: ViewContainerRef;
}

@Component({
  selector: 'app-root',
  template: `
    <app-my-component #myComponent></app-my-component>
    <button (click)="getContainerRef(myComponent.containerRef)">获取ViewContainerRef</button>
  `
})
export class AppComponent {
  getContainerRef(containerRef: ViewContainerRef) {
    // 使用获取到的ViewContainerRef进行操作
  }
}