html - 访问 NativeElement 时值错误

Question

我正在尝试访问 Angular2 中 div 的高度

HTML

<div #ccww c-w>

</div>

TS

@ViewChild('ccww') CW;

ngAfterViewInit() {
 var cwElement = this.CW;
 console.log(cwElement);
 console.log(cwElement.nativeElement.clientHeight);
}

但是当我记录这些值时，我得到了不同的 clientHeight

这是 cwElement 的记录值 Here is the image

正如您在上面看到的，该对象包含一个值为 513 的 clientHeight

cw.nativeElement.clientHeight 的记录值为 563

如何正确访问正确的值？为什么我会看到错误？

Answer 1

你需要使用这样的东西

@ViewChild('ccww') CW: ElementRef;