2016-06-01 5 views
0

アプリケーションはブラウザで正常に動作しますが、アンドロイドデバイスやエミュレータに展開すると白い画面が表示されます。イオンはAndroidデバイスとエミュレータで白い画面を表示します - ルーティングの問題が疑われますか?

iOSエミュレータで展開すると、バンクの背景が表示されますが、デバイス上にも空白が表示されます。

私はそれが私がindex.htmlを

の身体に直接置きナビゲーションバーは、ここでindex.htmlを

angular.module('ilearn.routes', []) 
 

 
//Configure view routes 
 
.config(function ($stateProvider, $urlRouterProvider) { 
 

 
    $stateProvider 
 

 
     .state('app', { 
 
      url: '/app', 
 
      abstract: true, 
 
      templateUrl: 'templates/Common/Menu.html', 
 
      controller: 'AppCtrl' 
 
     }) 
 

 

 
     .state('app.activity', { 
 
      url: '/activity', 
 
      views: { 
 
       'menuContent': { 
 
        templateUrl: 'templates/network/Activity.html' 
 
       } 
 
      } 
 
     }) 
 
     $urlRouterProvider.otherwise('/app/dashboard'); 
 
});
<script>...scripts</script> 
 
</head> 
 

 
<body ng-app="app"> 
 
    <ion-nav-view></ion-nav-view> 
 
</body>

の抜粋だ示しているので、それはルーティングの問題だ疑い

menu.htmlファイルはそう

<ion-side-menus > 
 
    <ion-side-menu-content> 
 
    <ion-nav-bar class="bar bar-header bar-balanced"> 
 
     <ion-nav-back-button> 
 
     </ion-nav-back-button> 
 

 
     <ion-nav-buttons side="right" ng-show="isUserLoggedIn"> 
 
      <a class="button button-icon button-clear ion-person pull-right" href="#/app/profile"> 
 
      </a> 
 
      <a class="button button-icon button-clear ion-log-out""> 
 
      </a> 
 
     </ion-nav-buttons> 
 

 
     <ion-nav-buttons side="left"> 
 
     <a class="button button-icon button-clear ion-navicon" href="#/app/dashboard"> 
 
     </a> 
 
     </ion-nav-buttons> 
 
    </ion-nav-bar> 
 
    <ion-nav-view name="menuContent"></ion-nav-view> 
 
    </ion-side-menu-content> 
 

 
    <!-- 
 
    <ion-side-menu side="left"> 
 
     <ion-header-bar class="dark-bg expanded"> 
 
      <span class="avatar hero" style="background: url('img/iLearn-logo.png'); background-size: cover;"></span> 
 
      <h2>iLearn</h2> 
 
     </ion-header-bar> 
 
    <ion-content class="stable-bg has-expanded-header"> 
 
     <ion-list> 
 
     <ion-item menu-close ng-click="login()"> 
 
      Login 
 
     </ion-item> 
 
     <ion-item menu-close href="#/app/login"> 
 
      Login 1 
 
     </ion-item> 
 
     <ion-item menu-close href="#/app/dashboard"> 
 
      Dashboard 
 
     </ion-item> 
 
     <ion-item menu-close href="#/app/search"> 
 
      Search 
 
     </ion-item> 
 
     <ion-item menu-close href="#/app/profile"> 
 
      Profile 
 
     </ion-item> 
 
     <ion-item menu-close href="#/app/courses"> 
 
      Courses 
 
     </ion-item> 
 
     <ion-item menu-close href="#/app/browse"> 
 
      Browse 
 
     </ion-item> 
 
     <ion-item menu-close href="#/app/playlists"> 
 
      Playlists 
 
     </ion-item> 
 
     </ion-list> 
 
    </ion-content> 
 
    </ion-side-menu> 
 
    --> 
 
</ion-side-menus>
のようなものです

答えて

0

使用Genymotionエラーのコンソールをチェックし、あなたがgenymotion

をインストールするには、ユーチューブ上の多くのチュートリアルを見つけることができ、あなたのPC上のアプリをインストールするには
関連する問題