2016-05-25 21 views
0

私はこの問題の解決策を探してみましたが、役に立たなかった。私はこの問題の助けに感謝します。Pageの代わりに空白のページが表示される

「タブ」のデフォルトプロジェクトが開始されました。このプロジェクトはベースとして機能していました。これらのいくつかの変更を追加し、空白の画面で終了します。 app.jsで

:最初のタブ定義以下

.state('login', { 
     url: '/login', 
     views: { 
      'login': { 
      templateUrl: 'templates/login.html', 
      controller: 'LoginCtrl' 
      } 
     } 
    }) 

。私はそうです:

$urlRouterProvider.otherwise('/login'); 

私の見解は、テンプレート/ login.htmlとに位置しています:アプリケーションで

.controller('LoginCtrl', function($scope) {}) 

<ion-view view-title="login"> 
     <ion-content> 
     <div class="bar bar-header bar-positive"> 
      <h1 class="title">Project :: Login</h1> 
     </div> 
     <div class="list"> 
      <label class="item item-input item-stacked-label"> 
      <span class="input-label">Email</span> 
      <input type="text" placeholder="[email protected]"> 
      </label> 
      <label class="item item-input item-stacked-label"> 
      <span class="input-label">Password</span> 
      <input type="password" placeholder="********"> 
      </label> 
      <button class="button button-block button-positive"> 
      Sign in 
      </button> 
     </div> 
     </ion-content> 
    </ion-view> 

私もcontrollers.js内の空のコントローラーの定義を持っています開始すると、ルーティングは正常にlocalhost:/#/ loginに行きますが、空のページが表示されます。

サーブイオンを実行しているとき、私は一つだけのコンソールエラーが表示されます。

 ? (node:5592) fs: re-evaluating native module sources is not supported. 
    If you are using the graceful-fs module, please update it to a more recent version. 

しかし、私は[email protected]にダウングレードすることにより、この警告/エラーを削除しました。空白のページの問題は引き続き発生します。灰色のヘッダーと空白の本文が表示されます。

助けていただけたら幸いです!

+0

私はあなたが彼のCTRLが彼の中に記載されている@JordanPlamondon login.htmlと –

+0

でNG-コントローラ=「LoginCtrl」属性を置くことを忘れてしまったと思いますルーティング。 – Mark

+0

どのような種類のJS圧縮を使用していますか? GulpやGruntのようにコードを醜くする? – Mark

答えて

0

私は問題を把握しました。私はindex.htmlの中でこれを更新する必要がありました。これに

<ion-nav-view></ion-nav-view> 

<ion-nav-view name="login"></ion-nav-view> 

アプリケーションは今、私のルートをロードします。私はtabs.htmlは、データをロードしたかに見えたとき、私はこれを発見:

<ion-tab title="Status" 
      icon-off="ion-ios-pulse" 
      icon-on="ion-ios-pulse-strong" 
      href="#/tab/dash"> 
     <ion-nav-view NAME="TAB-DASH"></ion-nav-view> 
    </ion-tab> 
関連する問題