这篇文章将为大家详细讲解有关怎么在Angular5中调用第三方js插件，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
成都网站设计、网站制作,成都做网站公司-创新互联建站已向成百上千企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。
一、第一种方式：在.angular-cli.json文件中配置
步骤：
1.在项目根目录.angular-cli.json文件中找到script字段，在数组中添加要引用的所有js文件（注意先后顺序）
"scripts": ["assets/jquery-3.2.1.js","assets/jquery.nicescroll.js","assets/ion.rangeSlider.js"],
2.在需要用该插件的组件中（.ts文件中）做如下声明：declare var $:any;
目的是不让编译时报错
3.接下来在ngOnInit方法中就能正常用上面的三款插件了。
二、第二种方式：在index.html页面上引用插件
步骤：
1.在根目录的index.html页面中添加如下引用：
2.在需要用该插件的组件中（.ts文件中）做如下声明：declare var $:any;
目的是不让编译时报错
3.接下来在ngOnInit方法中就能正常用上面的三款插件了
三、在具体组件中import 插件
步骤：
1.在需要用到插件的ts文件中添加如下引用：
import "assets/jquery-3.2.1.js";
import "assets/jquery.nicescroll.js";
import "assets/ion.rangeSlider.js";
2.在需要用该插件的组件中（.ts文件中）做如下声明：declare var $:any;
关于怎么在Angular5中调用第三方js插件就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
分享名称：怎么在Angular5中调用第三方js插件
网站URL：
http://cdkjz.cn/article/igiegc.html
