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

Posted

技术标签:

【中文标题】如何在角度 4 中使用诸如“offsetWidth”之类的 JS 属性【英文标题】:How to use JS property like "offsetWidth" in angular 4 【发布时间】: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

【讨论】:

谢谢。还有一个疑问。如何访问父组件中的子组件引用变量 检查一下你的疑问。 ***.com/questions/36018478/…

以上是关于如何在角度 4 中使用诸如“offsetWidth”之类的 JS 属性的主要内容,如果未能解决你的问题,请参考以下文章

如何以角度动态设置属性?

如何在角度指令 4 中使用范围

如何在角度 2 中使用引导程序 4?

Protractor Angular 2 失败:未知错误:未定义角度

如何在角度 4 材料排序中对日期/时间列进行排序?

JS中clientWidth,offsetWidth,scrollTop等含义