在ionic3中调用第三方js


最近在升级某公司采用ionic1+angularjs1.x做的一个项目,原项目中用到了微软的signalR技术来实现客户端APP与后端服务器之间的消息推送。

使用了三个第三方js文件。

jquery-2.0.3.js

jquery.signalR-2.2.0.js

serverHub.js (此文件由signalR Hub后台生成的动态js文件保存而至)

 

不说多余的话了,由于刚开始接触ionic3(不到一天),对于一些术语,特点等也没有细细考究。就说说,怎么在ionic3的ts文件中怎么才能用到serverHub.js中的一些js方法吧。

1.将上述三个文件分别在www和src目录的assets目录下的js目录中复制一份,如果目录不存在,创建,其实目录你也可以改为其它的。

2.然后在index.html中加入

 

<script src="assets/js/jquery-2.0.3.js"></script>
<script src="assets/js/jquery.signalR-2.2.0.js"></script>
<script src="assets/js/serverHub.js"></script>
放入位置,我放在cordova.js的下一行。

 

3.在app目录下,我新建了一个serverHub.d.ts文件,内容如下

 

declare var $:any

 

4.我现在想在app.component.ts中文件使用它,因此,我需要在此文件中加入

 

///<reference path="serverHub.d.ts"/>

内容就是这样,就是三个/,放在第一行,其它行是否可行,未试过。

 

5.然后我就想在constructor函数中,打印出日志来,因此,我简单的

 

console.log($)

 

6.这时,在浏览器的控制台上,我看到打印出来了

jQuery的内容,展开此对象,我发现了我想要的东西

 

 7.今天先到这儿,明天去公司完善一下,看是否还有问题。有时间再完善。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM