如何在angular2项目中将Jquery插件实现为外部文件？

Question

我有一个网站模板，包括Html，JavaScript和Jquery插件，如（owl.carousel.min.js，slider.js ...） 我需要在Angular2项目中实现这些文件。 使用＆＃34; npm＆＃34;

安装后，jquery lib的实现成功了。

npm install jquery --save

并在我的应用程序中通过在angular.config文件中添加以下行来引用它：

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

此外，我通过以下方式将外部jquery插件文件添加到我的应用程序中：

1. 将插件文件放入此路径＆＃34; src / assets / Js / nameOfThePlugin.js＆＃34;

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

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

  

注意：我不知道这是否正确。

之后jquery插件工作！但不是以正确的方式，因为一旦我在页面之间切换（使用angular2路由），插件除非你刷新浏览器，否则不起作用。

这是我所谈论的例子：

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 build --prod   或者你必须将该插件导入angular.cli.json文件。