angular - angular 4でangular-cliを使用してロードすると、Prefectスクロールバーがロードされない

Question

現在、angular 4 プロジェクトに取り組んでおり、angular cli を使用しています。

現在、一緒にバンドルされている完璧なスクロールバー、bootstrap-slider.min.js、d3.jsなどを使用しています。

問題 angular-cli スクリプト配列内にスクリプト ファイルを追加すると、一緒にバンドルされ、ブラウザにscript.bundle.js として表示されます。

script.jsファイルで、prefect スクロールバーを初期化しますが、これはページが読み込まれるときにまったく機能しません。

別の方法として、コードをドキュメント準備機能内に配置することを試みました。再度 ng が提供され、ページが更新され、機能しました。しかし、ルートを変更して再び同じビューに戻ったとき、今は機能しませんでした。もう一度更新して機能させる必要があります。

スクリプト コードがバンドルされると動作しないように感じます。この問題の解決策はありますか。

 "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "../node_modules/perfect-scrollbar/dist/css/perfect-scrollbar.min.css",
    "styles.css"   ],   "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js",
    "../node_modules/perfect-scrollbar/dist/js/perfect-scrollbar.jquery.min.js",
    "../node_modules/d3/build/d3.min.js",
    "script.js"   ],

**Script.js**
/******* initializes custom scrollbars on elements *******/

  $(".perfect-scrollbar").each(function() {
      $(this).initCustomScrollbar();
  });

(function($) {

  $.fn.initCustomScrollbar = function() {

    $(this).perfectScrollbar();
  };
})(jQuery);

/******* initializes custom scrollbars on elements *******/
(function($) {

  $.fn.initCustomScrollbar = function() {

     $(this).perfectScrollbar();
      };
})(jQuery);