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;

然后就能正常使用了。

以上这篇angular2中使用第三方js库的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
详解nodejs 开发企业微信第三方应用入门好代码教程

详解webpack引入第三方库的方式以及注意事项

详解webpack打包第三方类库的正确姿势

详解如何构建一个Angular6的第三方npm包

Angular 如何使用第三方库的方法