angular - 如何在 Angular 中使用 ResizeSensor 观察子组件的 elementRef？

Question

我想监控我的网络应用程序的布局，以便在元素大小发生变化时调整其他元素的样式。（我使用 npm 包 css-element-queries 中的 ResizeSensor）

在组件本身中，通过@ViewChild 选择元素不是问题：

我的.component.html

<div #myElement>...</div>
<app-child></app-child>

我的.component.ts

// ...
export class LetterComponent {
  @ViewChild ('myElement')
  myElement: ElementRef
// ...

child.component.html

<div #myChildsElement>...</div>
...

问题是：如何访问from的#myChildsElement元素，例如查询高度？child.component.htmlmy.component.ts

我必须访问子组件的元素，甚至更深入地访问组件。最简单的方法是什么？这必须是可能的，我认为这不会很困难。

但是，我是 Angular 的初学者，尽管进行了很多搜索和尝试，但不幸的是我没有找到解决方案。

我非常感谢您的帮助和提示。