2014-10-21 17 views
5

感謝您的時間!我正在爭取讓任何腳本在Ionic框架的sidemenu入門模板中運行。我已經將它們放置在任何地方(除非它們應該是清楚的地方),但無濟於事。我曾嘗試在離子之前加載它們,並使用較低版本的jquery。我用jquery構建了一個體面的移動網站,我通過phonegap推出了它,並且它的工作原理非常完美,但我希望使用Ionic作爲個人的挑戰。但是,我似乎無法獲得我用來工作的任何腳本。在離子中包含js庫的位置?

我是否將它們包含在主索引文件中,如果是,是否在每個模板實例化時加載它們?或者我是否必須將它們包含在每個模板中?如果你可以對文件夾中的位置進行特別的說明(如果確實有特定的地方),以及我應該在哪裏調用腳本。

我安裝了離子使用這個yeoman發生器https://github.com/diegonetto/generator-ionic如果有幫助。

如果我已經注意清楚了,請評論,我會進一步闡述。

感謝您的耐心 - J

+0

你只是想包括jQuery的或者是你想有什麼東西? – 2014-10-21 23:05:09

+0

我試圖包含依賴於jquery和jquery mobile的腳本。如fullcalendar.io – BlaqJim 2014-10-22 09:28:27

+0

你能解決它嗎? – 2016-02-10 04:47:32

回答

5

我想補充的任何腳本如jQuery無論是之前還是隻是科爾多瓦腳本標記之後。這是index.html位於運行創建yeoman生成器的項目的app/目錄中。

<!-- Place scripts such as JQuery here --> 

<!-- cordova script (this will be a 404 during development) --> 
<script src="cordova.js"></script> 

    <script src="scripts/config.js"></script> 
    <script src="scripts/app.js"></script> 
    <script src="scripts/controllers.js"></script> 

一旦你放在這裏的腳本應用程序運行時,它們將被調用,和庫如jQuery將提供全球範圍內整個應用程序。我希望這有幫助。

+1

獎勵答案:在*離子束之前包含jquery *,以使其具有角度加載jQuery而不是jqlite。 – 2014-10-22 16:11:57

+0

謝謝我會給這個鏡頭並報告回來。 @KateMihalikova,這是非常好的知道謝謝你。 – BlaqJim 2014-10-22 19:01:20

+0

是不幸的它仍然打破。我已經在這裏發佈了我的代碼:http://pastebin.com/AHpG1JZu帶註釋,如果你有看看請。 – BlaqJim 2014-10-22 20:17:55

14

我知道這是舊的,但對於那些爲Ionic 2而掙扎的人,請將腳本文件添加到src/assets/scripts,然後通過src/index.html中的腳本標記引用它們(不是那個在www中)。構建時,src/assets中的所有內容都將被複制到www/assets,包括腳本。 index.html也將被複制到www。

<!-- cordova.js required for cordova apps --> 
    <script src="cordova.js"></script> 
    <script src="assets/scripts/openpgp/openpgp.js"></script> 
    <script src="assets/scripts/openpgp/openpgp.worker.js"></script> 
+2

正是我在找什麼,謝謝阿里。 – sketchthat 2017-01-01 23:04:24

0

由於尼斯在這裏用戶https://github.com/ionic-team/ionic/issues/9422

  1. 列出安裝最新的離子
  2. 啓動項目
  3. 轉至/ src目錄/
  4. 打開資產文件夾
  5. 創建/資產內的js /文件夾
  6. 將您的.js複製到此js文件夾中
  7. 轉到/src/index.html
  8. 您的路徑
  9. 轉到添加到您選擇的打字稿文件並聲明變種N;
  10. N.yourFunction
  11. 離子服務