如何查询 *ngTemplateOutlet 注入的子组件

Question

查询模板出口注入的模板似乎不起作用，下面是一个示例，我将子组件作为模板输入注入父组件，但无法使用 @ViewChild 查询该组件..

https://stackblitz.com/edit/angular-pjqkbn

Answer 1

需要从app组件中访问ref元素并将其传递给父组件

Demo

<app-parent [childTpl]="childElement"></app-parent>
<app-child #child></app-child> 

export class AppComponent  { 
  @ViewChild('child', { read: ElementRef }) childElement: ElementRef;

   ngOnInit(){
      console.log(this.childElement.nativeElement.innerHTML)
    }
}