ionic3 angular 如何使用第三方js库

angular项目,ionic3+项目,如何使用第三方的js库;

1.在npm官网去搜索该库

找到后通过制定的方法去安装,一般都为npm i 包名;

2.TypeSearch检索

TypeScript 提供了一个叫 TypeSearch 网站,可以直接输入关键词检查是否包含该类库的声明文件。

例如 lodash 可以在列表中点击会跳转至 npm 网站,并且会看到这样的一个命令:

npm install --save@type/lodash

上面两种的导入方法都一样:import xxx from 'xxx';

3.无声明文件, declare var xxx: any;

在assest 文件夹中创建一个libs文件夹,将js文件考入,在index.html中通过script src 将js 文件导入,在对应的ts 文件中,在class 上面声明  declare var xxx: any;xxx就是你调用的第一个 名字

例如:


为了防止报错,建议将库添加好后,先build在运行,比如ionic ,先ionic build,再执行ionic serve 解决

你可能感兴趣的:(ionic3 angular 如何使用第三方js库)