在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