Angular项目中想要引入第三方插件,需要怎么做?

方法1:

  1. 在.angular-cli.json 文件中找到script字段,在数组中添加要引入的所有js文件

   “script” :[“...”]

  1.   在需要用该插件的组件中--.ts 文件中 做如下声明: declare var $ : any;
  2. 在ngOnInit方法中就能正常用插件了

方法2:在index.html页面中引用

  1. 在根目录的index.html页面中添加如下引用:

     <script src=”....”></script>

  1. 在需要用该插件的组件中(.ts文件中)做如下声明:declare var $:any;
  2. 在ngOnInit方法中就能正常用插件了

方法3:在具体组件中import插件

  1. 在需要用到插件的ts文件中添加如下引用:

Import “xxxxx.js”;

  1. 在需要用该插件的组件中(.ts文件中)做如下的声明:declare var $ : any;
  2. 在ngOnInit方法中就能正常用插件了

三种方法的区别:

  1. 前两种方式需要重启服务才能有效果,第三种方法无需重启服务,直接就能看到效果
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值