Angular ссылка на родительский элемент шаблона

Question

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

@ViewChild("custContainer") _custContainer: ElementRef;
const height = this._custContainer.nativeElement.height;

Затем у меня есть дочерний компонент, в котором мне нужно получить доступ к этому родительскому элементу ElementRef. Как я могу сделать это в дочернем компоненте, и я считаю, что мне нужно получить его после рендеринга родителя, поскольку я использую его для получения высоты после загрузки данных в этот элемент.

Answer 1

Если вы хотите получить доступ к высоте внутри дочернего компонента, вы можете использовать свойство @Input в дочернем компоненте.

В дочернем компоненте

.ts

@Input() height;

И от родительского компонента html

<child-comp [height]="height"></child-comp>