在角度中获取元素的像素位置

【问题标题】：Get Pixel Position of Element in Angular在角度中获取元素的像素位置
【发布时间】：2021-04-06 07:13:32
【问题描述】：

我知道以前有人问过这个问题。但解决方案不适用于我的问题。我使用 Angular 来构建一个移动应用程序。所以我的代码在移动应用程序中运行。
我尝试了Angular 2: Get position of HTML element 和Retrieve the position (X,Y) of an HTML element relative to the browser window 的解决方案我希望 Anguar 有一个新功能可以从 html 元素中获取像素位置。

【问题讨论】：

我认为我在 Angular 和 CDK 中都没有看到该功能的包装器，但我可能错了。但即使这样做了——也没有什么可以做的了，因为 Angular 编译为纯旧的 javascript 并在 DOM 中呈现内容。如果您描述了您要达到的目标以及标准方法对您不起作用的原因，将会很有帮助。

【解决方案1】：

您的问题很可能与您智能手机的浏览器有关。您使用的是三星互联网吗？如果您的浏览器不支持某些角度功能，您可以编写 polyfill 来实现满足您需求的功能。

对于移动浏览器调试，请遵循以下指南：

无论如何，了解为什么链接的解决方案对您不起作用会很有帮助。想要元素的像素位置是不准确的。您希望它相对于它的父容器、相对于主体、相对于窗口或文档吗？

如果本机解决方案不起作用（document.getElementById 和 el.offsetTop），您可能在错误的生命周期挂钩中使用它们。您只想在实际呈现 HTML 之后使用某些功能。为此，您实现“afterViewInit”功能：

【讨论】：