Angular5中调用第三方库及jQuery的添加
package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包,这些是Angular自带的,存放在node_modules目录中。 需要注意的是:
添加依赖有2种方法: 下面以minirefresh添加到angular环境中为例子。 一、npm install minirefresh --save 通过结果可以看到:
可以看到,一开始dependencies中是没有minirefresh 的,通过 npm install minirefresh --save命令会自动下载minirefresh 并添加到dependencies中。然后我们会发现node_modules目录中就有minirefresh 的包了。 二、修改angular-cli.json文件(styles数组和scripts数组) 1、styles中就是我们要引入的css 2、scripts中就是我们要引入的js 配置如图:
三、在需要用该插件的组件中(.ts文件中)做如下声明:declare var $:any;目的是不让编译时报错 配置如图:
四、ngOnInit方法中就能正常用上面的三款插件了。
jQuery的添加 二、修改angular-cli.json文件: 三、安装类型描述文件 四、在app.module引入jquery文件,要加上jquery模块
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |