Question

我正在尝试将ionic framework添加到我的应用中。

为此，我从离子网站下载了“入门模板”。应用程序的index.html文件似乎正确地在浏览器上运行，没有任何问题。但是在为Android环境构建它之后，应用程序只显示一个没有任何内容的白色屏幕。

以下是Worklight项目：https://dl.dropboxusercontent.com/u/54761340/angulartest.zip

Answer 1

我不太明白这是如何在任何地方运行的，因为HTML是borked：

重复HTML和BODY元素
错误地放置对.css和.js文件的引用...

执行以下操作：

打开angulartest\apps\angulartestapp\common\index.html并将其内容替换为以下内容：

<!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>

右键单击angulartestapp文件夹，然后选择Run As＆gt;在Worklight Development Server上运行
右键点击生成的Android专业版并选择运行方式＆gt; Android应用程序

我在Worklight Console的MBS以及Android Emulator中测试过它。似乎工作，不管它是什么......

Answer 2

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

它会与工作灯发生冲突。

您只是尝试删除id ='content'，然后重试。

但这可能会使deviceReady（）函数无法永久准备好。

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

2 个答案: