首页 > web前端 > js教程 > 正文

在angular2中如何使用第三方js库(详细教程)

亚连
发布: 2018-06-04 14:08:15
原创
2151 人浏览过

下面我就为大家分享一篇angular2中使用第三方js库的实例,具有很好的参考价值,希望对大家有所帮助。

本文以jquery 为例

第一种:有对应的声明文件的

1、用命令安装jQuery的声明文件。(声明文件是为了ide完美智能提示)

npm install -D @types/jquery
登录后复制

2、引入jquery

import * as $ from 'jquery';
登录后复制

3、使用

$('body').addClass('');
登录后复制

第二种:没有声明文件,自定义的js库

1、 index.html中引入 js 文件

<script src="/assets/jquery.min.js"></script>
登录后复制

在ts文件中使用定义:

declare var $: any;
登录后复制

然后就能正常使用了。

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

利用nodejs爬虫使用superagent和cheerio的方法

通过在vue项目中引入noVNC远程桌面的方法步骤有哪些

通过在vue项目中使用ueditor(详细教程)

以上是在angular2中如何使用第三方js库(详细教程)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!