在运行时以角度获取 css 类的宽度

Question

我需要在运行时在我的角度组件中获取 css 类的宽度

<div class="document-section"></div>

我似乎无法通过尝试以下任何方法来获得它：

$('.document-section').width()
$('.document-section').attr('width')

有错误

未捕获的类型错误：$(...).width 不是函数 在:1:22

谁能帮我解决这个问题？ 谢谢

Answer 1

要在运行时获取类的宽度，您首先需要确保它在视图中被绘制/渲染。

因此，无论您获取宽度的代码如何，都应包含在 ngAfterViewInit() 生命周期挂钩中。

您不需要特别从 css 类中获取它，只需在 div 中使用 ViewChild 并获取它的宽度即可。

HTML

<div #documentSection class="document-section"></div>

TS

@ViewChild("documentSection")
private documentSection: ElementRef;

private divWidth: number;

public ngAfterViewInit(): void {
   this.divWidth = this.documentSection.nativeElement.offsetWidth;
}