Angular4.x 引入第三方 JS
来源:互联网 发布:联通网络整合营销包括 编辑:程序博客网 时间:2024/06/05 17:43
引入 Jquery
使用 angular-cli 新建 angular项目
1、安装 jquery
npm install –save jquery
2、.angular-cli.json 中引入 jquery.min.js
“scripts”: [“../node_modules/jquery/dist/jquery.min.js”]
3、安装 jquery的 typescript 类型声明文件
npm install –save @types/jquery
4、tsconfig.app.json 引入 jquery 的类型声明文件
“types”: [ “../node_modules/@types/jquery/index.d.ts”]
你也可以直接这么做:”types”:[“jquery”]
5、angluar 组件中使用 jquery 给 button 添加事件
ngOnInit(): void { $(() => { $('#btn_test').click(() => { alert('test'); }); }); }
另一种方案,我猜你会更喜欢
1.下载 jquery.min.js 放到 assets/jquery下
2.引入jquery: “scripts”: [“assets/jquery/jquery.min.js”]
3.在 typings.d.ts 下新增两句
declare var $: any;
declare var jQuery: any;
4.这样你就可以直接使用 $ 了,当然你也可以通过这样的方式引入 bootstrap 而不是使用 npm 安装引入
其他参考: http://blog.csdn.net/mingyueyixi/article/details/73695321
阅读全文
0 0
- Angular4.x 引入第三方 JS
- angular4中解决引入第三方库不起作用的问题
- Angular4-在线竞拍应用-引入第三方的库
- angula2 引入第三方js
- vue引入第三方zepto.js库报错
- angular4添加第三方库
- 引入第三方库
- ionic2 cordova插件、第三方JS库引入
- Vue 中如何引入第三方 JS 库
- jdk引入第三方jar
- 引入第三方控件日历
- gwt 引入第三方插件
- eclipse引入第三方jar
- yii2引入第三方类
- app引入第三方字体
- Swift 引入第三方字体库
- Swift引入第三方库
- Angular引入第三方库
- 静态内部类单例缓存地区
- HTML表单数据传输
- 关于std::bind绑定栈变量对象的思考
- 关于 ioctl 详细信息
- 使用 poi 根据 word 模板生成 word 文件
- Angular4.x 引入第三方 JS
- 适用于STL泛型的归并(合并排序)排序算法设计
- mysql的merge存储引擎应用
- Glide 4.0源码分析(1)
- 排序算法---直接插入排序
- 构造排序二叉树,并按行从左到右输出
- MATLAB绘图
- 1
- linux部署web项目到tomcat下(图文详解)