如何在角度 4 中使用诸如“offsetWidth”之类的 JS 属性

【问题标题】：How to use JS property like "offsetWidth" in angular 4如何在角度 4 中使用诸如“offsetWidth”之类的 JS 属性
【发布时间】：2018-02-07 22:11:27
【问题描述】：

我正在尝试在我的 Angular 应用程序中使用 JS 获取元素的宽度。

document.getElementsByClassName("element")[0].offsetWidth;

当我这样做时，我收到以下编译错误

属性'的 '元素'类型上不存在 fsetWidth'。

谁能告诉我如何在 Angular 4 中使用它。谢谢

【问题讨论】：

【解决方案1】：

如果使用 # 标识您的 DOM 元素

模板：

<div class="for-example" #titleText>For Example</div>

声明

@ViewChild('titleText') titleTextElement;

得到如下offsetWidth：

this.titleTextElement.nativeElement.offsetWidth

【讨论】：