<ng-template #TabContent>
   <div class="scroll">
    chat Section. 
   </div>
                
 </ng-template>

component.ts

@ViewChild(TabContent)TabContent:TemplateRef<any>

 ngAfterViewInit() {
  const childNode = this.TabContent.elementRef.nativeElement;
  console.log("this is child",childNode);
  return 'Comment' not the html element it embeds   
} 

Problem

Scroll down on new Message