マジックラインナビゲーション角度2？

Question

JQueryを使わずにAngular 2でマジックラインナビゲーションを作るにはどうすればいいですか？私のナビゲーションアイテムには幅があり、それは簡単にはできません。

マジックラインのナビゲーションにリストアイテムを追加しようとしました。次に、アクティブリスト項目の位置と幅に基づいて幅と位置を変更したいと考えました。しかし、私は、アクティブなnav-itemの幅を取得するために、DOM（これはおそらくAngularで最も良い解決法ではない）に直接対処する方法を知らなかった。私はElementRefを使ってみましたが、（たとえそれをngModuleプロバイダに入れても）動作させることができませんでした。

プレーンJavaScriptでは、このような簡単な作業でコードはほとんどありません。これを達成するための真っ直ぐな角度の方法がありますか？

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

Answer 1

が最新バージョンに更新しました角度とElementRefが仕事を始めました。