2016-12-03 10 views
0

ナビゲーションバーに問題があります。特定のページを2回目に開くとナビゲーションバーが消える

問題:私は2つのページを持っているたとえば

。サインインボタンとサインインページを持つホームページ。ホームページに戻るためにサインインページに戻るボタンがあります。初めて私はバックボタンを押して、それは動作します。しかし、ホームページからサインインボタンをもう一度押すと、サインインページが開きますが、ナビゲーションバーは表示されません。
ここに私のサインインページのコードがあり、デスクトップのIonicを使って、cmdでIonicを使ってプロジェクトを実行しています。

さらに詳しい情報をお尋ねください。事前:)

</head> 
 
<body ng-app="app" animation="slide-left-right-ios7" class="grade-a platform-browser platform-win32 platform-ready"> 
 
    <div> 
 
     <div> 
 
      <ion-nav-bar class="bar bar-header bar-balanced" style="background-color: #008000" nav-bar-transition="ios" nav-bar-direction="forward" nav-swipe=""> 
 
       <ion-nav-back-button class="hide"></ion-nav-back-button> 
 
       <div class="nav-bar-block" nav-bar="active"> 
 
        <ion-header-bar class="bar-stable bar bar-header" align-title="center"> 
 
         <div class="title title-center header-item" style="transform: translate3d(0px, 0px, 0px); left: 96px; right: 96px;"><b>SIGN IN</b></div> 
 
        </ion-header-bar> 
 
       </div> 
 
       <div class="nav-bar-block" nav-bar="cached"> 
 
        <ion-header-bar class="bar-stable bar bar-header" align-title="center"> 
 
         <ion-nav-buttons side="left" class="has-header"> 
 
          <button ng-click="$ionicGoBack()" class="button back-button buttons button-clear header-item"> 
 
         <img src="img/back.png"> </img> </button> 
 
          <div class="title title-center header-item" style="transform: translate3d(16px, 0px, 0px); opacity: 0;"></div> 
 
        </ion-header-bar> 
 
       </div> 
 
      </ion-nav-bar> 
 
     </div> 
 
    </div> 
 
</body> 
 
</head>

答えて

2

おかげで私はあなたが二度目のそのビューを再訪するまでのナビゲーションバーには、それを、細かい現れたAPP-私のイオンと同じ問題を抱えていました消えるだろう。それは、それがされてはならないときに、要素にhideクラスが追加されたように見えました。私はこれが実際にイオン性のバグかもしれないと思うので、私はそれを追加することで周りを回ったと思う:

display: block!important; 

to nav bar。最も洗練されたソリューションではありませんが、機能します。

+0

あなたが言うように、最も洗練されたソリューションではなく、機能します。ありがとうございます。 –

関連する問題