Anger2プロジェクトで外部ファイルとしてJqueryプラグインを実装する方法は？

Question

私は、（owl.carousel.min.js、slider.js ...のような）HTML、JavaScript、JqueryのプラグインからなるWebサイトテンプレートを持っています。 Angular2プロジェクトでこのファイルを実装する必要があります。 angular.configファイルに次の行を追加して

npm install jquery --save

と私のアプリでそれを参照すること： jqueryのLIBの実装は、「NPM」を使用して、それをインストールした後に成功している

1. PU：

   "scripts": [ "../node_modules/jquery/dist/jquery.min.js" ],はさらに私はで私のアプリに外部のjQueryプラグインのファイルを追加しましたこのパスにプラグインファイルをめの設定 "srcが/資産/ JS/nameOfThePlugin.js"

2. <script type="text/javascript" src="assets/Js/nameOfThePlugin.js"></script>

注index.htmlファイル内の参照を作る：私はドン」これが正しい方法であるかどうかはわかりません。

その後jqueryプラグインが機能します。 （角度2ルーティングを使用して）ページ間を切り替えると、ブラウザを更新しない限り、プラグインが機能しないため、適切な方法ではありません。

とこれは私が話しているかの例です：

1. Image Before switching between the website pages
2. Image After switching between the website pages looks how the jquery plugin stop

おかげ

Answer 1

それはプロダクションモードでうまく動作します： NGビルド - -prod 、またはそのプラグインをangular.cli.jsonファイルにインポートする必要があります。