Html 获取自定义组件的角度高度

我在尝试这样的代码：

  @ViewChild('footer_endlessblow')
  footerView: ElementRef;

  ngAfterViewInit(): void {
    console.log(this.footerView.nativeElement.offsetHeight);
  {

和mycomponent.html的一部分

<app-footer #footer_endlessblow></app-footer>

footer.html

    <div id="footer-div">
  <p class="footer-contact-me">Contact me:</p><a id="footer-email" href="mailto:jawegielewski@gmail.com">jawegielewski@gmail.com</a>

  <p class="footer-find-me">Or find me on:</p>
  <div class="footer-div-links">
    <a href="https://www.facebook.com/jakub.wegielewski">
      <img alt="facebook" src="assets/images/facebook.png" title="facebook" width="40" height="40">
    </a>
  </div>
  <div class="footer-div-links">
    <a href="https://github.com/jawegielewski">
      <img alt="github" src="assets/images/github.png" title="github" width="40" height="40">
    </a>
  </div>
  <div class="footer-div-links">
    <a href="https://pl.linkedin.com/in/jakub-wegielewski">
      <img alt="linkedin" src="assets/images/linkedin.png" title="linkedin" width="40" height="40">
    </a>
  </div>

</div>

联系我：
或在以下位置查找我：

---

但是我得到了

错误类型错误：无法读取未定义的
的属性“offsetHeight”。我更新了代码以提供更多信息。我更新了代码以提供更多信息。我更新了代码以提供更多信息。我更新了代码以提供更多信息。我更新了代码以提供更多信息。我更新了代码以提供更多信息。
您需要在viewChild中再设置一个属性，这样做

@ViewChild("footer_endlessblow", { read: ElementRef }) footerView: ElementRef;

ViewChild文档链接

那么，console.log中只显示this.footerView的内容是什么？[object object]实际上，请尝试一个没有下划线的名称。我无法想象console.log（this.footerView）会显示[object object]……这是真的。删除下划线什么也没做。console.log（this.footerView.nativeElement）返回UnfinedAllRight，现在它部分工作，但offsetHeight返回0且高度未定义，为什么？这取决于您如何在子组件内设置css属性。实际上是不是有视力障碍？你们有并没有试过给主体元素一些填充物、边框等？如何检查它是否有偏视？是的，我有一些边框和边距。也许我会为这个页脚组件附加我的html和css？
@ViewChild("footer_endlessblow", { read: ElementRef }) footerView: ElementRef;