如何在angular2項目中將Jquery插件實現為外部文件？

Question

我有一個網站模板，該模板由Html，JavaScript和Jquery插件（例如（owl.carousel.min.js，slider.js ...））組成，我需要在Angular2項目中實現此文件。 使用“ npm”安裝后，jquery lib的實現成功：

npm install jquery --save

並通過在angular.config文件中添加以下行來在我的應用中對其進行引用：

"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ],

此外，我通過以下方式將外部jquery插件文件添加到我的應用程序中：

1. 將插件文件放在此路徑“ src / assets / Js / nameOfThePlugin.js”中

2. 在index.html文件中進行引用

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

注意：我不知道這是否正確。

之后，jQuery插件工作！ 但操作方式不正確，因為一旦我在頁面之間切換（使用angular2路由），除非刷新瀏覽器，否則插件將無法工作。

這是我正在談論的示例：

1. 圖片在網站頁面之間切換之前
2. 圖片在網站頁面之間切換后，jQuery插件如何停止

謝謝

Answer 1

它將在生產模式下運行良好：ng build --prod，或者您必須將該插件導入angular.cli.json文件。