Angular 2中的魔术线导航？

Question

如果没有JQuery，我如何在Angular 2中制作魔术线导航？我的导航项目具有可变宽度，这使得它变得更容易。

我已经尝试将一个列表项添加到导航中以获取魔术线。然后我想根据活动列表项的位置和宽度来改变它的宽度和位置。然而，我不知道如何直接解决DOM（可能不是Angular中的最佳解决方案）来获取活动导航项的宽度。我尝试使用ElementRef，但我无法使其工作（即使将其放入我的ngModule提供程序中）。

在纯JavaScript中，这是一个很容易完成的任务，代码很少。是否有直接的角度方式实现这一目标？

示例：https://css-tricks.com/examples/MagicLine/

Answer 1

将Angular更新为最新版本，ElementRef开始工作。