-3

アプリにイオン フレームワークを追加しようとしています。

この目的のために、「スターター テンプレート」を ionic Web サイトからダウンロードしました。アプリの index.html ファイルはブラウザ上で正しく動作しているようで、問題はありません。しかし、Android 環境用にビルドした後、アプリには何も表示されない白い画面しか表示されません。

以下は Worklight プロジェクトです: https://dl.dropboxusercontent.com/u/54761340/angulartest.zip

4

2 に答える 2

1

HTMLが壊れているため、これがどこでどのように実行されていたのかよくわかりません。

  • 複製HTMLとBODY要素
  • .css および .js ファイルへの参照の配置が正しくありません...

以下をせよ：

  1. 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>

  2. angulartestapp フォルダーを右クリックし、「Run As」 > 「Run on Worklight Development Server」を選択します。

  3. 生成された Android プロジェクトを右クリックし、[実行] > [Android アプリケーション] を選択します。

Worklight Console の MBS と Android Emulator でテストしました。どう見ても効いているような…。

于 2014-02-27T20:28:33.210 に答える
0 
<body id='content'>
</body>

ワークライトと競合します。

id='content' を削除して、もう一度やり直してください。

ただし、これにより、 deviceReady() 関数が永遠に準備できなくなる可能性があります。

于 2014-03-06T12:13:49.687 に答える