Javascript 通过Angular 2-way获取DOM元素的属性

我需要得到pixles中DOM元素的宽度

jQuery方式

var myWidth = $('.labels').width();

看起来我需要从

@组件

或

服务

中获取，并访问

宽度

属性

它还说，除了安全原因外，它还可以将应用程序和渲染层耦合在一起，从而防止将来部署到web worker

那么，访问div宽度的最佳方法是什么？我正在处理一个水平填充其div的图像。我叠加了一些元素，并进行了计算

myHeight=aspectRatio*myWidth

我看到的所有相关问题都提到了如何在Angular2还处于发布候选阶段时重新进行。稳定版本中有如此多的API更改（从今天起一个月零四天），我觉得某种类型的
#弃用的
标签会有所帮助。
Angular本身不提供任何从DOM读取的内容。

如果要从DOM中读取，需要使用
ElementRef


使用
ElementRef
与使用jQuery相比，安全性问题要小得多。

如果您阻止此应用程序与服务器端渲染或webworkers正常工作，这是正确的。
Angular本身不提供任何可从DOM读取的内容。

如果要从DOM中读取，需要使用
ElementRef


使用
ElementRef
与使用jQuery相比，安全性问题要小得多。

如果您阻止此应用程序与服务器端渲染或webworkers正常工作，这是正确的。
请确保您已经查看了所有相关的CSS属性，例如
对象匹配
。它们很有可能解决您的问题，使您不必进行手动计算。请确保您已查看了所有相关的CSS属性，例如
对象拟合
。他们很有可能解决你的问题，让你不必手动计算。