如何将组件的投影含量移动到投影后的不同位置，例如在角度材料中

Answer 1

parent component中的usage

import { AfterViewInit, Component, ContentChild, TemplateRef, ViewContainerRef } from '@angular/core';

@Component({
  selector: 'my-projection',
  template: `<ng-template #contentTemplate><ng-content></ng-content></ng-template>`,
})
export class MyProjectionComponent implements AfterViewInit {
  
  @ContentChild('contentTemplate', { static: true }) contentTemplate!: TemplateRef<any>;

  constructor(private viewContainerRef: ViewContainerRef) {}

  ngAfterViewInit() {
    // Move projected content to parent container
    this.viewContainerRef.createEmbeddedView(this.contentTemplate);
  }
}