angularJS8でBodyScrollのイベントを取得したい

Question

今AngularJS8.2を使って、よくある画面を下にスクロールした時に、画面トップに戻れる操作を実現したいと思ってます。

動作自体はscroll-behaviorを使い、下記で戻る動きは実現できているのですが、ブラウザ上にスクロールがあるか無いかで、下記のdiv(class="pagetop")の要素の表示非表示を切り替えたいと思ってます。

jQuery的な考えかも知れませんが、その為には画面全体にbodyに対してのScrollEventを取得し、動的に表示非表示判定を行わなければいけないと思うのですが、jQueryで書く所のこの様な取得の仕方は可能でしょうか？

$(window).scroll(function () {
var now = $(window).scrollTop();
console.log(now);
});

ググると、昔のVersionでは使われてた$anchorScrollは動作しない、ionicを使う様に書かれてたりしたのですが、実現は出来ないのでしょうか？

ご存知の方いらっしゃいましたらお答えいただければ幸いです。
（今後、キー操作のEventを同じ様に画面全体でEventを張って取らないといけない操作もあり、出来るだけJSの記述だけで完結させたいのが第一希望です）

<div class="pagetop" style="display: block;">
  <a (click)="scrollToElement('top')">
    <i>トップへ</i>
  </a>
</div>

  scrollToElement(nav: string): void {
    const element = document.querySelector("#"+nav)
    if (element) element.scrollIntoView({ behavior: 'smooth', block: 'start' })
  }

body {
  scroll-behavior: smooth;
}

Comments

[miyabi_takatsuk]

まず、AngularJSに8.2というバージョンは存在しませんので、質問タグの付け替えをお願いします。
（Angularには8.2は存在し、AngularJSと、Angularは互換性がないほとんど別のフレームワークです）
また、該当のscrollToElementを定義している、
コンポーネントファイルの、全内容を記載いただけないでしょうか。