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

来源：动视网责编：小OO 时间：2020-11-27 19:41:20

在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文件中使用定义。

推荐度：

点击下载本文 文档为doc格式

导读本文以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文件中使用定义。

下面我就为大家分享一篇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库（详细教程）

推荐度：

点击下载本文 文档为doc格式

标签：教程 js 使用第三方

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐