Не удается получить доступ к родительскому элементу div angular

Question

У меня есть родительский компонент, в котором у меня есть этот макет:

<div #content>
   <chat-dialog></chat-dialog>
</div>

в этом компоненте (AppComponent) я определил @Input содержимого

@Input()
content: ElementRef;

, а затемв дочернем компоненте я пытался получить доступ к содержимому следующим образом:

 content: any;
 constructor(@Inject(AppComponent) private parent: AppComponent) { 
    this.content = parent.content;
    console.log("content", this.content);
  }

Но содержимое всегда не определено.