怎么在Angular5中调用第三方js插件

这篇文章将为大家详细讲解有关怎么在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页面中添加如下引用：

<script type="text/javascript" src="assets/jquery-3.2.1.js"></script> 
<script type="text/javascript" src="assets/jquery.nicescroll.js"></script>

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插件
链接分享：https://www.cdcxhl.com/article12/igiegc.html

成都网站建设公司_创新互联，为您提供自适应网站、服务器托管、ChatGPT、App开发、网站收录、微信小程序

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联