IBM Worklight 6.1 - 如何集成Ionic框架？

-3

我正在嘗試將ionic framework添加到我的應用程序中。IBM Worklight 6.1 - 如何集成Ionic框架？

爲此，我從離子網站下載了「starter template」。該應用程序的index.html文件似乎正確運行在瀏覽器上，沒有任何問題。但是在構建Android環境之後，應用程序僅顯示一個沒有任何內容的白屏。

以下是工作燈項目：https://dl.dropboxusercontent.com/u/54761340/angulartest.zip

來源

2014-02-27 user3352510

用以下方式編輯您的問題：Worklight版本，運行應用程序時從LogCat中記錄日誌，您爲集成框架所採取的步驟，鏈接到框架網站，以及您沒有告訴我們的任何其他內容。 –

也上傳Worklight項目，而不是生成的Android項目。 –

上傳的zip文件是worklight項目而不是生成的android項目。離子框架的網站如下，.... – user3352510

我不太明白這是在任何地方運行，因爲HTML是borked：

複製HTML和BODY元素
不正確的位置引用.css和.js文件...

執行以下操作：

打開angulartest\apps\angulartestapp\common\index.html，並替換爲以下內容：在angulartestapp文件夾

<!DOCTYPE html> 
<html ng-app="ionicApp"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Ionic</title> 
     <link rel="shortcut icon" href="images/favicon.png"> 
     <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 
     <link rel="stylesheet" href="css/main.css"> 
     <link rel="stylesheet" href="css/ionic.min.css"> 
     <script src="js/ionic.bundle.min.js"></script> 
     <script> 
      window.$ = window.jQuery = WLJQ; 
     </script> 
    </head> 

    <body ng-controller="MyCtrl"> 
     <ion-header-bar title="myTitle"></ion-header-bar> 
     <ion-content has-header="true" padding="true"> 
      <h2>Content</h2> 
     </ion-content> 

     <script src="js/index.js"></script> 
     <script src="js/initOptions.js"></script> 
     <script src="js/main.js"></script> 
     <script src="js/messages.js"></script> 
    </body> 
</html>

右鍵單擊並選擇Run As>工作燈開發服務器上運行
右鍵單擊生成的Android項目並選擇運行方式> Android應用程序

我已經在Worklight Console的MBS以及Android模擬器中測試過它。似乎工作，不管它是什麼...

來源

2014-02-27 20:28:33

<body id='content'> 
</body>

它將與工作燈衝突。

您只是嘗試刪除id ='content'並重試。

但這可能會使deviceReady（）函數永遠不會準備就緒。

來源

2014-03-06 12:13:49 hello

IBM Worklight 6.1 - 如何集成Ionic框架？

回答

相關問題