Как получить доступ к содержимому шаблона в ng-template, используя переменную ссылки на шаблон

Question

Я хочу знать, возможно ли получить доступ к компоненту шаблона в ng-template, используя переменную ссылки на шаблон? Я пытался использовать @ViewChild и @ContentChild, но ни один из них, кажется, не работает Пример: я хочу получить доступ к содержимому app-common

<ng-template #first>
<app-common #second><app-common>
</ng-template>

@ViewChild('second') second1: ElementRef;
@ContentChild('second') second2: ElementRef;

ngAfterViewInit() {
  console.log(this.second1);
}

ngAfterContentInit() {
  console.log(this.second2);
}

Answer 1

<ng-template> - это угловой элемент для рендеринга HTML. это никогда не отображается напрямую. На самом деле, перед рендерингом, Angular заменяет <ng-template> и его содержимое комментарием.

Источник

Как только вы воспользуетесь шаблоном где-нибудь, например, например ::11011

<ng-content *ngTemplateOutlet="first"></ng-content>

вы также сможете получить доступ к его содержимому через Viewchild.