请问有办法取得nz-header,nz-breadcrumb等组件的高度吗？

Question

Angular使用nz-zorro，希望能取得nz-header组件的高度，使用了以下的方法：

<nz-header style="background: #fff; padding:0;" #header>
  <i class="trigger" nz-icon [type]="isCollapsed?'menu-unfold':'menu-fold'" (click)="isCollapsed=!isCollapsed"></i>
</nz-header>

@ViewChild('header') header: ElementRef;

console.log(this.header.nativeElement.offsetHeight);

这样代码会报错，header没有nativeElement的属性。请问我如何才能取得nz-header组件的高度呢？
谢谢。

Answer 1

请在正确的生命钩子中操作 模版变量。

试试

ngAfterViewInit(){
    console.log(this.header.nativeElement.offsetHeight);
}