angular 4使用jquery 第三方插件库

用jBox插件为例子1，npm install jBox --save2，找到.angular-cli.json 增加"../node_modules/jbox/Source/jBox.min.js"3，找到style.scss 增加@import "../node_modules/jbox/Source/jBox.css";4，在组件中写入declare var $: any;$jBox: any;clickAler…

用jBox插件为例子

1，npm install jBox --save

2，找到.angular-cli.json 增加

"../node_modules/jbox/Source/jBox.min.js"

3，找到style.scss 增加

@import "../node_modules/jbox/Source/jBox.css";

4，在组件中写入

declare var $: any;

$jBox: any;

clickAlert() {

this.myModal = this.$jBox.jBox('Tooltip', {

attach: '.tooltip',

trigger: 'click'

});

this.myModal.open();

}

ngAfterViewInit() {

this.$jBox = $(this.el.nativeElement);

}

ok jBox插件就能在 angular 4 中使用了

转载于:https://www.cnblogs.com/branton-design/p/7885844.html

angular 4使用jquery 第三方插件库相关推荐

jQuery第三方插件
jQuery第三方插件 1.layer 2.瀑布流插件 3.图片懒加载 4.cookie操作插件 5.表单验证 jquery提供很多非常好用的插件,使用这些插件能够让我们开发网页的速度大大提升. 推荐 ...
vue-cli配置jquery 以及jquery第三方插件
只使用jquery: 1. cnpm install jquery --save 2. cnpm install @types/jquery --save-dev (不使用ts的不需要安装此声明 ...
Flutter 项目编写第三方插件库文件引入，本地图片 json数据引入解析
FlutterDemo是如何一步一步搭建起来的最初就是直接新建flutter项目,就会自动建立一个入门项目.(开始项目前,需先学习Dart语言) flutter项目代码都在lib目录下编写: 新建包 ...
ionic3.0--angular4.0 引入第三方插件库的方法
ionic3.0 引入第三方插件 (swiper),方法很多,现详细说明下官方推荐(typings)做法. 1.全局安装Typings 1. npm install -g typings 2.搜索你 ...
Django Admin界面美化第三方插件库测评(多图)
Django自带的admin管理后台简直就是bug级的存在,几行代码就可以撸出一个功能齐全的管理后台来,就像诸葛亮的媳妇黄月英,拥有和诸葛亮一样的才华, 只是不漂亮.对于内部人员使用的管理系统,业务功 ...
使用jquery第三方插件（生成曲线图)
最近项目中有用到生成曲线图,经过查找资料解决了,虽然有简单说明但参数比较多和麻烦,于是自己没事就总结了项目中的具体用法: 准备工作:首先添加jquery的插件包到程序中,路径:http://files ...
jquery各种插件库
1.http://v3.bootcss.com 2.http://www.jq22.com/ 3.http://tutorialzine.com 4.http://codecanyon.net/ 5. ...
51 jQuery插件库
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery插件 jQuery功能比较有限,想要更复杂的特效功能,可以借助于jQuer ...
多库共存包装集的问题点击按钮创建一个p 几个属性介绍 jQuery的插件
多库共存 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...

angular 4使用jquery 第三方插件库

angular 4使用jquery 第三方插件库相关推荐

最新文章

热门文章