获取DOM元素的属性Angular 2方式

Question

我需要以像素为单位获取DOM元素的宽度。

jQuery方式......

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

看起来我需要在@Component或Service内抓住ElementRef并访问width属性。

它还说，除了安全原因，它可以将应用程序和渲染层耦合在一起，从而阻止将来部署到Web工作者。

那么访问div宽度的最佳方法是什么？我正在处理一个水平填充div的图像。我覆盖了一些元素，我进行了计算myHeight = aspectRatio * myWidth;

我看到的所有相关问题都提到了当Angular2仍处于候选发布阶段时如何做到这一点。稳定版本中的许多API更改（截至今天的一个月和4天），我觉得某种#deprecated标记会有所帮助。

Answer 1

Angular本身并没有提供从DOM中读取的任何内容 如果您想从DOM中读取，则需要使用ElementRef 与使用jQuery相比，使用ElementRef远不如安全问题 如果您这样做，则可以防止此应用程序与服务器端呈现或Web工作者一起正常工作。