Is there any way to get the height of components such as nz-header,nz-breadcrumb?

Angular uses nz-zorro, hoping to get the height of the nz-header component, using the following methods:

<nz-header style="background: -sharpfff; padding:0;" -sharpheader>
  <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);

in this way, the code will report an error. Header does not have the attribute of nativeElement. How can I get the height of the nz-header component?
Thank you.

Angular ng-zorro

Jun.22,2022

Please manipulate the template variable in the correct life hook.

try

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

Previous: The difference between Promise all and join in bluebirdjs

Next: Why is the status code returned by both the first request and the forced cache 200? Are they the same?

Angular6 form validation when one button is clicked, the other two buttons are changed to unclickable
problem description now there are three buttons. When I click one, the disabled of the other two will become unavailable. The buttons are the following <button nz-button nzType="primary" [disabled]="!validateForm.valid " (click...

Angular ng-zorro ng-alain

Sep.23,2021
The nz-upload in ng-zorro is in the * ngFor loop. How to get the loop variable of ngFor when uploading a file?
The code is as follows. The file I uploaded needs to be accompanied by a parameter Item.id,. Is there any good way to do this? <div *ngFor="let item of itemlist"> <nz-upload [nzAccept]=" .* " ...

Angular ng-zorro

Dec.24,2021