Angular 角度4获取HTML元素的位置

我正在开发一个自定义UI元素，用户将在其中移动正方形上的一个圆作为输入。 因此，当鼠标进入正方形时，我需要圆圈跟随鼠标。 在javascript中，这非常简单，如下所示：

当我现在试着用角度来做这件事时，我不确定正确的方法是什么。 我需要与正方形的偏移量。为此，我需要访问方形元素。 我找到的所有解决方案都使用了ElementRef，而且很容易使它以这种方式工作，而且似乎是常见的方式。

但在angular.io上，据说不使用它。 这甚至被列为新手犯的错误。 它说使用invokeElment和viewChild。 但是Official解决方案不再有效，因为Renderer2中不存在invokeElement

那么什么是正确的方法呢？

---

我能正常使用ElementRef吗？我是否理解了一些根本错误的东西？

我主要使用ElementRef，没有尝试其他任何东西。我认为官方网站上他们正在使用它。不确定其他博客为什么不使用ViewChild我主要使用ElementRef，没有尝试其他任何东西。我认为官方网站上他们正在使用它。不确定其他博客为什么不使用viewchild