Angular pobranie wysokości komponentu, który nie jest childem.

Zuploadowałem mój kod na Stackblitz: mój kod

Chcę pobrać widok <app-footer> w moim endlessblow.component.ts poprzez @ViewChild (linia 24) lub w jakiś podobny sposóbale problem jest tego typu, że ten <app-footer> nie jest childem tego komponentu endlessblow, a jest zlokalizowany w głównym komponencie czyli app.component.html więc zdaje sobię sprawę, że @ViewChild raczej tu nie zadziała. Z kolei jeśli umieszcze <app-footer> do endlessblow.component.html wtedy @ViewChild pobiera widok poprawnie ale ja chcę ten <app-footer> mieć w in app.component.html.

Pozdrawiam cieplutko.

Dzięki za odpowiedzi. Sam sobie poradziłem. Użyłem do tego celu serwisu. Komponent, z którego chciałem pobrać pobierał view z jego htmla poprzez @ViewChild i pobierał następnie wysokość elementu z tego view, a na koniec zapisywał tą wartość do serwisu przez settera. W komponencie w którym chciałem mieć tą wartość wystarczyło wstrzyknąć serwis, a następnie getterem pobrać tą wartość.