javascript - Angular nativeElement offsetWidth 为 0

Question

我尝试在我的 Angular 应用程序中获取组件的偏移数据，如下所示。

this.el.nativeElement.offsetWidth

但如果我不传递它的 css 属性，它会返回 0，如下所示。

this.renderer.setStyle(this.el.nativeElement, 'position', 'fixed');

它按我想要的方式工作。返回 native 组件的实际值。但是我不想更改 position 属性。

您是否建议我获取当前偏移数据(如 offsetWidth 等)的任何解决方案。你可以在 here 上工作.

Answer 1

发生这种情况是因为组件默认是一个内联元素。您可以将其 display 样式属性更改为 block 或 inline-block 以在代码中获得正确的大小:

:host {
  display: block; /* or display: inline-block; */
}

参见 this stackblitz用于演示。