如何访问嵌在ng-template中的组件?

要访问嵌在ng-template中的组件，你可以使用@ViewChild装饰器。

首先，在你的组件类中声明一个ViewChild属性，用来引用嵌入的组件。然后，在ngAfterViewInit生命周期钩子中，使用该属性来访问嵌入的组件。

以下是一个代码示例：

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { YourEmbeddedComponent } from './your-embedded.component';

@Component({
  selector: 'app-your-component',
  template: `
    <ng-template #yourTemplate>
      <app-your-embedded-component></app-your-embedded-component>
    </ng-template>
  `,
})
export class YourComponent implements AfterViewInit {
  @ViewChild('yourTemplate', { static: false }) templateRef: TemplateRef<any>;
  @ViewChild(YourEmbeddedComponent, { static: false }) embeddedComponent: YourEmbeddedComponent;

  ngAfterViewInit() {
    // 访问嵌入的组件
    console.log(this.embeddedComponent);
  }
}

在上面的示例中，我们在组件类中声明了两个@ViewChild属性。templateRef用来引用ng-template，embeddedComponent用来引用嵌入的组件。

在ngAfterViewInit生命周期钩子中，我们可以通过访问embeddedComponent属性来访问嵌入的组件。你可以在此进行任何你想要的操作，例如调用组件的方法、访问组件的属性等。

请注意，由于ng-template是惰性加载的，因此你需要将{ static: false }传递给@ViewChild装饰器的第二个参数，以确保在ngAfterViewInit之后才能访问到这些属性。