angular2中使用第三方js库的实例


Posted in Javascript onFebruary 26, 2018

本文以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库的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery $.data()方法使用注意细节
Dec 31 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
Jun 28 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 Javascript
按下Enter焦点移至下一个控件的实现js代码
Dec 11 Javascript
js离开或刷新页面检测(且兼容FF,IE,Chrome)
Mar 05 Javascript
js实现当前输入框高亮显示的方法
Aug 19 Javascript
怎么引入(调用)一个JS文件
May 26 Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
Aug 29 Javascript
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
微信小程序实现tab和swiper切换结合效果
Jul 17 Javascript
js合并两个数组生成合并后的key:value数组
May 09 Javascript
js的Object.assign用法示例分析
Mar 05 Javascript
vue 子组件向父组件传值方法
Feb 26 #Javascript
vue2 前端搜索实现示例
Feb 26 #Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 #Javascript
vue的全局提示框组件实例代码
Feb 26 #Javascript
Angular4 ElementRef的应用
Feb 26 #Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 #Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
Feb 26 #Javascript
You might like
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
php之curl实现http与https请求的方法
2014/10/21 PHP
php获取从百度、谷歌等搜索引擎进入网站关键词的方法
2015/07/08 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
自动检查并替换文本框内的字符
2006/06/30 Javascript
jquery 防止表单重复提交代码
2010/01/21 Javascript
javascript Array.prototype.slice使用说明
2010/10/11 Javascript
JS判断元素为数字的奇异写法分享
2012/08/01 Javascript
javascript 回到顶部效果的实现代码
2014/02/17 Javascript
html的DOM中Event对象onblur事件用法实例
2015/01/21 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
原生js封装添加class,删除class的实例
2017/11/06 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
react.js组件实现拖拽复制和可排序的示例代码
2018/08/20 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
小程序实现左滑删除效果
2019/07/25 Javascript
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
2020/05/06 Javascript
JS模拟实现京东快递单号查询
2020/11/30 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 战前探营!
2014/05/21 DOTA
python3 中文乱码与默认编码格式设定方法
2018/10/31 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
详解python tkinter模块安装过程
2020/01/06 Python
Python约瑟夫生者死者小游戏实例讲解
2021/01/04 Python
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
好军嫂事迹材料
2014/01/15 职场文书
秋季红领巾广播稿
2014/01/27 职场文书
物业消防安全责任书
2014/07/23 职场文书
维稳工作承诺书
2015/01/20 职场文书
nginx配置ssl实现https的方法示例
2021/03/31 Servers
python 解决微分方程的操作(数值解法)
2021/05/26 Python